Question

我正在尝试将图像列表转换为旋转木马。我正在使用swipe.js（swipejs.com）库，因为它的表现非常完美。

我希望当车身宽度达到小于540px时启动轮播，但如果窗口调整到大于540px的车身宽度，则需要反转。这将被还原。

$(window).resize(function() {
    var bodyWidth = $('body').width();
    if(bodyWidth < 540){
        loadCarousel();
    }else if(bodyWidth > 540) {
        unLoadCarousel();
    }
});

function loadCarousel() {
        window.deviceSwipe = new Swipe(
            document.getElementById('device-slider')
        );
}

function unLoadCarousel() {

}

现在这已经接近我想要的了（我相信），我真正的问题是，如何卸载（禁用？）这个轮播并删除swipe.js包含的内联样式？

我可以使用以下行删除样式，但这似乎是一个小工作。

$('#slider-container li, #slider-container ul, #device-slider').attr('style', '')

这也不会阻止swipe.js重新应用窗口调整大小的样式（即使bodyWidth由于某种原因大于540px）。

非常感谢任何帮助！

Answer 1

您可以使用名为kill的方法作为deviceSwipe.kill（）

如何禁用swipe.js轮播

1 个答案: