7

jQuery slick プラグイン ( http://kenwheeler.github.io/slick/ )を使用してカルーセルを作成しました。「スライド」設定を使用して、カルーセルで使用される要素を指定したいと思います。この設定の説明は次のとおりです。

タイプ:要素
デフォルト: ''
スライドとして使用する要素クエリ

この設定についての私の理解では、「div」を指定すると、div 要素のみがカルーセルに表示されます。これを機能させることはできません。カルーセルを作成すると、コンテナ内のすべての要素が表示されます。

簡単な例を作成しました：

<div class="slickContainer">
    <div class="slickItem">
        Item 1
    </div>
    <div class="slickItem">
        Item 2
    </div>
    <p>
        Shouldn't be an item.
    </p>
</div>

$(".slickContainer").slick({
      slide: 'div'
});

「slide: $('.slickItem')」も試しましたが、これもうまくいきませんでした。

https://jsfiddle.net/Lobfdodo/

結果パネルで左右の矢印をクリックすると、カルーセルに 3 つの要素 (div と p) がすべて表示されます。div 要素のみをカルーセルに取り込みたい。

助言がありますか？

4

2 に答える 2

2

同様の問題がありました。トリックは、スライダーをインスタンス化してから、表示したいものを除外することでした。

作業フィドル: https://jsfiddle.net/m8uxqrt3/

$(".slickContainer").slick().slick('slickFilter', '.slickItem');
于 2015-05-04T18:33:26.807 に答える