Mein Designer hat einen bxslider benutzt, um 3 Divs auf meiner Seite zu scrollen. Wenn die Seite läuft, sehe ich im HTML 6 Divs auf der Seite. Es zeigt div 3, div2, div1, div3, div2, div1.
Nur weil die doppelten Felder auf meiner Seite jetzt meine Programmierung durcheinander bringen.
Ist das nötig, und kann ich den Code irgendwie berühren, damit er meine Divs nicht dupliziert?
Die Seite ist voll von komplexem Code, wobei ein Ajax die Daten-Serialisierung an ein Post-Formular weiterleitet. Weil alles dupliziert ist, kommen jetzt alle Felder als 'Wert, Wert' durch. Daher gibt es mir keine genauen Antworten und auch nicht definiert, wenn es numerisch sein soll.
Meine Formular-Posts sehen folgendermaßen aus:
%Vor%Wie könnte ich das nicht bx- hinzufügen?
Wie im Quellcode von bxSlider kommentiert :
Wenn Endlosschleife, zusätzliche Folien vorbereiten
Also konnte ich das beheben, indem ich infiniteLoop: false zum config-Objekt hinzufüge:
BxSlider dupliziert Elemente, um unbegrenztes Scrollen usw. zu ermöglichen. Angenommen, Sie haben nur zwei Elemente in Ihrem Schieberegler. Element eins könnte auf der linken Seite herausrutschen, aber auch auf der rechten Seite hineinrutschen. Daher sind Duplikate erforderlich.
Wenn dies ein Problem ist, können Sie normalerweise mit den Duplikaten interagieren, indem Sie ihre bx-clone -Klassen verwenden. Wenn Sie das tatsächliche Problem klären könnten, könnten wir wahrscheinlich genauere Ratschläge geben.
Update: Um geklonte Elemente aus Ihrem Set zu entfernen, versuchen Sie Folgendes:
%Vor%Ich hatte ein solches Problem mit bx-clone Ich möchte es für eine Bildergalerie verwenden. Also hatte ich einen Miniaturbild-Slider und für den Slider habe ich den bx-Slider verwendet und bei jedem Klick auf ein kleines Bild muss das Bild in einer größeren Größe in einem div angezeigt werden, aber beim bx-clone hat nichts geklickt.
Ich habe das Problem damit gelöst:
%Vor% Wenn man @ antongorodezkiys Antwort hinzufügt, gibt es eine Möglichkeit, infiniteLoop: false zu haben und trotzdem eine nicht stoppende Folie zu erhalten: Mit dem onSlideAfter -Ereignis der letzten Folie kannst du nach ein paar Sekunden wieder zur erste Folie und starten Sie den auto Modus erneut:
Der Unterschied zwischen dieser Lösung und der Option infiniteLoop: true besteht darin, dass der Schieberegler nicht so schnell auf die erste Folie zurückkehrt, als wäre sie die nächste Folie, sondern "schnell zurückgespult", bis die erste Folie erreicht wird.
für obige Abfrage: Ist es möglich, die Endlosschleife zu behalten, aber die Klone zu entfernen?
probiere den folgenden Code aus: wenn mehr als 1 Item infiniteloop: true sonst: false
%Vor%Nur um hier zu antworten, also wenn jemand Schwierigkeiten hat und das Duplikationsproblem nicht beheben kann. Ich hatte das gleiche Problem, dass mein gesamter HTML-Code von meiner Seite in der ersten Folie unter dem Bild-Tag wie folgt vervielfältigt wurde:
%Vor%Ich habe gerade festgestellt, dass ich das Image-Tag nicht richtig geschrieben habe
Das heißt, mein Code war so etwas für Bild-Tags
%Vor%Ich habe gerade mein Bild-Tag durch gültiges HTML wie folgt ersetzt:
%Vor%und es hat das Problem der Inhaltsduplizierung behoben.
Ich hoffe, es wird jemandem helfen.
Prost!
Ich bin mir nicht sicher, ob es das gleiche Problem ist, mit dem ich konfrontiert war, aber hier ist mein Fall: Mein Code benutzte bx Schieberegler zusammen mit fancybox. Und es hat meine Folien kopiert. Die Lösung bestand darin, den Secodary-Code (Phantasie-Box), der in meiner Bildschleife erzeugt wurde, in das
zu legenTags und Links javascript html jquery bxslider