0

ウィンドウが 320px 以下でない限り、ページに表示されるはずの画像の行があります。ウィンドウが 320px 以下の場合、画像がカルーセルに配置されます。私が抱えている問題は、ウィンドウが 320px 以上のときにカルーセルを取り除く方法を見つけようとしていることです。そのため、ユーザーが縦向きから横向きに向きを変更したときのシナリオは、モバイル デバイス上にあります。これが私がこれまでに持っているコードです: 

<div class="carousel">
<img src="endlessSummer_154x176.jpg">
<img src="visa_154x176_new.jpg">
<img src="lifestyle_240x176_new_v2.jpg">
<img src="nfl_cy_410x176_new.jpg">
</div>

$(window).resize(function(){    
        if ( $(".carousel").css("width") === "320px") {
            $(".carousel").carouFredSel();
        }else{
            $('.carousel').destroy();
        }
    });
4

1 に答える 1

2

あなたは近づいています。あなたがする必要があるのは、破壊を開始するためにトリガーイベントを呼び出すことだけです

$(window).resize(function(){    
    if ( $(".carousel").css("width") === "320px") {
        $(".carousel").carouFredSel();
    }else{
        $('.carousel').trigger("destroy", true);
    }
});

または、元の順序に戻すことを気にしない場合は、単に trigger("destroy") を使用できます。

于 2013-09-10T16:36:14.117 に答える