如何禁用 swipe.js 走马灯？

Question

我正在尝试将一组图片响应式地转换为走马灯。我使用了swipe.js (swipejs.com)库，因为它的性能非常好。

我希望在body宽度小于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）。非常感谢您的帮助！

- Thomas

---

看，现在Swipe的swipe2分支提供了kill方法：https://github.com/bradbirdsall/Swipe/blob/swipe2/swipe.js - A. Wolff

谢谢你的建议，我尝试使用kill方法，但并没有太大的运气（我认为它不起作用，我的轮播图在“被杀死”后仍然能够正常工作）。最终，我只是根据viewport.width交换了内容。在我看来，这感觉有点笨拙，也不是我想要的方法，但时间不允许我再做其他更好的选择，而且也没有人会注意到这种差异。 - Thomas

哎呀，我也有同样的问题！ - smilebomb

Answer 1

您可以使用名为kill的方法，如deviceSwipe.kill()。

- Dhaval Solanki