javascript - swipe.jsカルーセルを無効にする方法

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（）として使用できます。