javascript – 如何禁用swipe.js轮播

2023年10月3日 186次阅读

我正在尝试将图像列表转换为旋转木马.我正在使用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).

任何帮助将不胜感激！

最佳答案 您可以使用名为kill的方法作为deviceSwipe.kill()

点赞