Javascript 仅在调整窗口大小后应用JS脚本

我正在使用一个外部库--用于触摸图片幻灯片，只有当我调整浏览器窗口的大小时，它才起作用

我的图像在刷卡容器中，如下图所示：

<div id='mySwipe' style='max-width: 500px; margin: 0 auto' class='swipe'>
<div class='swipe-wrap'>
<div>
    <img src="css/images/image4.jpg" width="100%" />
</div>
<div>
    <img src="css/images/image2.jpg" width="100%" />
</div>
<div>
    <img src="css/images/image3.jpg" width="100%" />
</div>
</div>
</div>

而且，正如库作者所建议的，我正在将滑动脚本加载到正文的末尾，以确保文档准备就绪。库被加载到

容器中

<script>
    var elem = document.getElementById('mySwipe');
    window.mySwipe = Swipe(elem, {
        startSlide : 1,
        auto : 3000,
        continuous : true
    });
</script>

var elem=document.getElementById（'mysweep'）；
window.myswip=滑动（元素{
开始滑动：1，
汽车：3000，
连续的：对
});

---

我已尝试使用

$（document）.ready（function（）{}

检查文档是否准备就绪，但该解决方案也不起作用。

您是否尝试过使用widgets默认示例，只进行一些小的调整

<script>
    var slider = Swipe( document.getElementById('mySwipe'), {
        startSlide: 1,
        auto: 3000,
        continuous: true,
        disableScroll: false,
        stopPropagation: false,
        callback: function(index, elem) {},
        transitionEnd: function(index, elem) {}
    } );
</script>

变量滑块=滑动（document.getElementById（'mysweep'）{
开始滑动：1，
汽车：3000，
是的，
禁用滚动：false，
stopPropagation:错误，
回调：函数（索引，元素）{}，
transitionEnd:函数（索引，元素）{}
} );

您在JavaScript控制台中是否遇到任何错误？您所说的“…但该解决方案也不起作用”是什么意思？@AlexW不，控制台中没有错误。此外，我的意思是，在document ready函数中添加代码不起作用，滑块仍然不起作用