Ich habe die Blueimp Gallery erfolgreich in meine Website implementiert und HTML5 Datenattribute können den Leuchtkasten zum Funktionieren bringen.
%Vor%Ich benutze das, um viele Bilder zu laden, und Benutzer können zwischen ihnen radeln (gleiten). Bildern können Kommentare zugeordnet sein und verschiedene Aktionen, die der Benutzer ausführen kann. Ich habe das Kommentarfeld mit
zur Galerie hinzugefügt %Vor% Ich verwende das Ereignis slide und möchte das Kommentarfeld mit den entsprechenden Kommentaren für die Folie aktualisieren. Ich habe Probleme beim Zugriff auf data-unique-id .
Ich kann unique-id überhaupt nicht finden. ist es? Oder gibt es eine andere Möglichkeit, diese Daten zu übergeben?
Hier ist die Arbeitsdemo ,
Ihr Code scheint in Ordnung zu sein, Sie müssen nur auf das Attribut data-unique-id von den Elementen zugreifen, indem Sie getAttribute und Sie sind gut zu gehen.
Sie müssen index -Parameterwert verwenden, um auf das anchor -Tag zuzugreifen.
here Links ist die ID des Containerelements, in das alle Tags eingefügt werden.
Beispiel Markup
%Vor% Überprüfen Sie den folgenden Link für die funktionierende Demo, wenn Sie im Editor die Registerkarte console aktivieren, können Sie dort den Wert unique-id data attribute sehen.
Ich aktualisiere meine Antwort, um this.list-Eigenschaft zu verwenden:
%Vor%Überprüfen Sie den folgenden Link für die funktionierende Demo
Vielleicht ein bisschen spät, aber ich habe gerade das gleiche Problem gehabt und wollte eine Lösung, die auf dem ursprünglichen Ansatz mit jQuery basiert.
Leider werden die Datenattribute der Links nicht auf diese Weise übertragen, aber wir können sie über den Index von den Links abrufen (es muss ein Containerelement für die Links mit id="links" geben):
%Vor%