1

私は自分のウェブサイトで caroufredsel を使用しています。ウィンドウの幅が 960px 未満の場合にのみアクティブ/動作させたいです。ブラウザウィンドウのサイズを変更すると、960px未満になると機能しますが、ウィンドウのサイズを再度変更すると、幅が960pxを超えても無効にならないという問題があります。

ウィンドウの幅が 959px を超える場合に caroufredsel を無効にする方法はありますか?

これが私のコードです：

$(window).on("resize", function () {
    if($(window).width() <=959)
    {
        $('.item-holder').addClass('item-carousel');
        $('.item-carousel').carouFredSel(
        {
            width: "100%",
            height:200,
            circular: true,
            auto    : false,
        });

        $('#portfolio-wrapper .carousel-nav').show();

    }
    else
    {
        $('.item-holder').removeClass('item-carousel');
        $('.item-carousel').carouFredSel(false);
        $('#portfolio-wrapper .carousel-nav').hide();
    }
}).resize();
4

2 に答える 2

6

これを使って：

 $(".item-carousel").trigger("destroy");

それ以外の

$('.item-carousel').carouFredSel(false);
于 2013-08-14T22:54:58.280 に答える
1

カルーセルの親のコンテンツを取得するグローバル変数を作成します。

var carouselContent = $('.item-carousel').parent().html();

次に、carouFredSel を無効にする場合は、次のようにします。

$('.item-carousel').parent().empty().html(carouselContent );

また、親を直接ターゲットにすることができ、parent() セレクターを気にする必要はありません。親要素のクラス名またはIDがわからないため、例でのみ使用しました。

于 2014-02-08T10:38:19.560 に答える