Ich verwende das Cycle-Plugin für den Einsatz in einem News-Rotator. Das bedeutet, dass ich Divs verwende, um die Folien anstelle von Bildern zu füllen.
Mein ultimatives Ziel ist es, einen Pager anstelle der üblichen 1, 2, 3, 4 usw. zu erstellen. Stattdessen wird das erste H3-Tag auf der Folie angezeigt.
Ich kenne das wahrscheinlich ein kleines Auswahlproblem, aber hier ist was ich bisher verwende:
%Vor%Ich habe auch so etwas versucht:
%Vor%Wie Sie wahrscheinlich sagen können, bin ich noch ein junger Vogel. : /
Kann mir jemand mit der Auswahl helfen?
Ändern Sie die eine Zeile in Ihrer pagerAnchorBuilder-Funktion wie folgt:
%Vor%Drei Dinge mussten geändert werden:
slide = & gt; jQuery (Folie)
Da jQuery Elemente mit seinen Hilfsfunktionen nicht erweitert, wenn Sie es nicht angeben. Dies ist ein unglücklicher Nebeneffekt von jQuery, der die Prototypen von Eingeborenen (wie Element) nicht erweitert. Es bedeutet, dass Sie jedes dritte Ding in Ihrem Code mit jQuery (x) umhüllen müssen.
Kinder ("h3") = & gt; Kinder ("h3"). eq (0)
Da Selektoren Arrays von übereinstimmenden Objekten zurückgeben, sollten Sie nach dem Selektor den ersten auswählen, da andernfalls der folgende Methodenaufruf in der Kette auf den Elementsatz wirkt. Jquery sollte Dinge wie .firstChild ("h3") anbieten.
textContent = & gt; .text ()
textContent ist eine Mozilla-Sache und wird in einigen Browsern nicht funktionieren. Verwenden Sie hier die jQuery-Methode .text (). In diesem Fall hat jQuery nichts falsch gemacht.
Dies ist die Lösung für die Suche in einem beliebigen DOM-Element:
%Vor%Ich poste das, weil diese Frage als hoher Rang auftaucht. Ich denke, dass meine Lösung viel robuster ist.
Ich habe mich von der ganzen Seite wegbewegt, es ist viel zu mühselig, etwas Fantastisches zu machen. Dies ist, was ich gefunden habe, funktionierte besser und gibt Ihnen viel mehr Kontrolle über die Daumen.
Bauen Sie zuerst Ihren Cycle-Tisch und das Daumen-Tablett wie folgt aus:
%Vor%Verwenden Sie dann diesen JS, um die Vorschaubilder mit den Folien zu verknüpfen. Grundsätzlich verbindet sich der Daumen 1 mit dem Slide 1 und so weiter.
%Vor%Dies funktioniert auch mit mehreren Cycle-Galerien auf einer Seite. Beachten Sie, dass die Folien keine Bilder sein müssen. Die Bühne könnte so aufgebaut sein:
%Vor%