jQuery-slick carousel "Folie" einstellen

Ich erstellt habe, ein Karussell mit dem jQuery-slick-plugin (http://kenwheeler.github.io/slick/). Ich möchte die "slide" - Einstellung, um anzugeben, welche Elemente verwendet werden, die in dem Karussell. Die Beschreibung dieser Einstellung ist:

Typ:element

Default: "

Element in einer Abfrage als Folie

Mein Verständnis von dieser Einstellung ist wenn ich angeben, 'div', dann nur div-Elemente angezeigt werden, die in dem Karussell. Ich kann nicht ankommen dieses zu wirken. Wenn ich das Karussell, alle Elemente im container angezeigt werden.

Erstellte ich ein einfaches Beispiel: 

<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'
});

Ich habe auch versucht, "slide: $('.slickItem')", aber das hat nicht funktioniert entweder.

https://jsfiddle.net/Lobfdodo/

In der Ergebnis-panel, wenn Sie auf die Links /rechts Pfeile werden Sie sehen, alle drei Elemente (div-und p -) in dem Karussell. Ich will nur die div-Elemente gezogen werden in dem Karussell.

Irgendwelche Vorschläge?

InformationsquelleAutor joeshmoe301 | 2015-05-04
  1. 2

    Hatte ich ein ähnliches Problem. Der trick war, instanziieren Sie den Schieberegler, dann filtern Sie heraus, was Sie anzeigen MÖCHTEN.

    Arbeiten Fiddle: https://jsfiddle.net/m8uxqrt3/

    $(".slickContainer").slick().slick('slickFilter', '.slickItem');
    InformationsquelleAutor Red2678
  2. 1

    Ich hatte ähnliche Problem und konnte Sie lösen mit der folgenden Methode:

    $(".slickContainer").slick({
    slide: 'div',
    rows: 0
});
    InformationsquelleAutor Rijo K P
Schreibe einen Kommentar