如何禁用 swipe.js 轮播答案

【问题标题】：How to disable swipe.js carousel如何禁用 swipe.js 轮播
【发布时间】：2013-04-04 12:29:07
【问题描述】：

我正在尝试以响应方式将图像列表转换为轮播。我正在使用 swipe.js (swipejs.com) 库，因为它性能完美。

我希望在正文宽度小于 540 像素时启动轮播，但如果将窗口大小调整为大于 540 像素的正文宽度，则会恢复。

$(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）。

任何帮助将不胜感激！

【问题讨论】：

看，现在有一个可用于 swipe2 分支的 kill 方法：github.com/bradbirdsall/Swipe/blob/swipe2/swipe.js
谢谢烤，我试过用kill方法但是运气不太好（我觉得不行，我的carousel在被“kill”后还能正常工作）。我最终只是交换了依赖于 viewport.width 的内容。在我看来，这感觉有点麻烦，并不是我真正想要的方法，但是时间对我不利，没有人会注意到其中的区别。
Noooooo，我也有同样的问题！

标签： javascript jquery responsive-design swipe

【解决方案1】：

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

【讨论】：