Ich habe obigen Code verwendet, um einen Button innerhalb von jquery zu erzeugen. Der Button wurde dynamisch erstellt und wenn ich auf den Button klicke, sollte er den Fortschritt auf dem Button anzeigen. Ich benutze diese Ladda Button Loader .
%Vor%Und dann habe ich den Knopf übergeben, den der Ereignishandler den Ereignisprozess der obigen Funktion abfängt. Innerhalb dieser Funktion wird ein btnProgress Objekt erstellt. Danach kann ich start () oder stop () Funktionen aufrufen. Ich habe erfolgreich im Falle von nur einer Taste gearbeitet, ohne die Schaltfläche dynamisch in jedem zu erstellen. Aber in jedem Fall zeigt es einige Fehler beim Ausführen von var btnProgress = Ladda.create (document.querySelector ('#' + id));
Fehler
%Vor%Sie dürfen IDs verwenden, die mit einer Ziffer anfangen HTML5-Dokumente:
Der Wert muss unter allen IDs im Home-Teilbaum des Elements eindeutig sein und mindestens ein Zeichen enthalten. Der Wert darf keine Leerzeichen enthalten.
Es gibt keine weiteren Einschränkungen hinsichtlich der Form einer ID. insbesondere können IDs aus nur Ziffern bestehen, mit einer Ziffer beginnen, mit einem Unterstrich beginnen, nur aus Satzzeichen bestehen, usw.
Aber querySelector -Methode verwendet CSS3-Selektoren für die Abfrage des DOM und CSS3 unterstützt keine ID-Selektoren, die mit einer Ziffer beginnen:
In IDs können Bezeichner (einschließlich Elementnamen, Klassen und IDs in Selektoren) nur die Zeichen [a-zA-Z0-9] und ISO 10646 Zeichen U + 00A0 und höher sowie den Bindestrich (-) und der Unterstrich (_); Sie können nicht mit einer Ziffer, zwei Bindestrichen oder einem Bindestrich gefolgt von einer Ziffer beginnen.
Verwenden Sie einen Wert wie b22 für das ID-Attribut und Ihr Code wird funktionieren.
Da Sie ein Element nach ID auswählen möchten, können Sie auch .getElementById method:
Tags und Links javascript jquery backbone.js