Owl Carousel 2: filtern von Positionen, aber halten Sie die Sortierreihenfolge mithilfe von Javascript

Ich bin derzeit mit Eule Karussell-2 und die Kombination mit diesem Filter Beispiel für einen filter erstellen-Menü, das als Titel in dem Menü "filter" - Liste geklickt wird, alle anderen Elemente in der Karussell verschwinden.
Das funktioniert wirklich gut, außer ZEIGEN, dass, wenn geklickt wird, und alle Elemente zurück, um das Karussell sind Sie nicht in der Reihenfolge, wie Sie gestartet.

Owl-Karussell 2
http://www.owlcarousel.owlgraphic.com/docs/api-options.html

Filter
http://www.xcast3d.com/spotlight/bootstrap-carousel-filter/

Ich Sie brauche, um Ihre Sortierreihenfolge. Vielleicht gibt es einen besseren Weg, um die filter einfach mit css display:none? aber ich bin mir nicht sicher, wie Sie Sie zu schreiben. Vielleicht kann mir jemand helfen, ändern Sie dieses Skript, oder denken Sie an eine bessere Filterung Lösung halten Sie die Reihenfolge. Vielen Dank

InformationsquelleAutor pinkp | 2015-06-07
  1. 3

    Die Lösung, die ich gefunden habe, ist kopieren Sie alle Elemente, die in dem hidden-div, und auf filtern, entleeren, das Karussell und wieder nur die gefilterten Elemente in der ersten Ordnung.

    Arbeiten Fiddle hier : http://jsfiddle.net/TWtwt/301/

    $('#projects-copy .project.' + cat).each(function () {
   owl.addItem($(this).clone());
});
    • danke für deine Antwort, die Geige sieht Super aus, ich bin nur stecken, indem es auf meiner live-site.. Wenn Sie könnte nehmen Sie einen Blick an der Quelle, um zu sehen, wo ich schief gegangen, dass wäre toll. Sie sehen, ich habe angefügt viele ids mit einer Zahl, so gibt es zwei Karussells. Hier der link: bit.ly/1GaL4np ich bin immer diese Fehlermeldung Unerwartetes EOF(anonyme Funktion).. vielen Dank
    • Das Zitat ist nicht das gute, die wahrscheinlich durch einen Fehler von copy/paste. Juste ersetzen ' von ' .
    • Das beseitigt den Fehler! Toll. Aber nun meine version ist einfach verstecken die gesamte Gruppe von Elementen und nicht filtern.. Nicht sicher, was ich ändern muss? vielen Dank @odupont
    • Ändern $('#owl10 .project10') durch $('.owl10 .project10'), #owl10 nicht vorhanden
    • Brilliant, ich danke Ihnen so sehr!
    • Wissen Sie, wenn es möglich ist, aktivieren Sie die Filterung über einen externen link. I. e. klicken Sie auf "Zeig mir X" auf eine externe Seite, die dann gelangen Sie zu dieser Seite und filtern Sie nur die X?

    InformationsquelleAutor odupont
Schreibe einen Kommentar