'<button id="'+item['id']+'" class="btnDeactivateKeyInChildPremiumCustomer waves-effect waves-light>ok</button>'

Ich habe den obigen Code zum Generieren von Schaltflächen innerhalb jeder Funktion verwendet. Die Schaltfläche wurde dynamisch erstellt. Wenn ich auf die Schaltfläche geklickt habe, sollte der Fortschritt auf der Schaltfläche angezeigt werden. Ich benutze diesesLadda Button Loader.

    btnDeactivateKeyInChildPremiumCustomerClick : function(event){
        var id = event.currentTarget.id;
        var btnProgress = Ladda.create(document.querySelector('#'+id));
//btnProgress.start(); or //btnProgress.stop();
    }

Und dann übergab ich den Knopf, den die Ereignisbehandlungsroutine den Ereignisprozeß die oben genannte Funktion abfängt. In dieser Funktion verursacht sie ein btnProgress Objekt. Danach kann ich die Funktionen start () oder stop () aufrufen. Ich habe die Funktion bei nur einer Schaltfläche erfolgreich ausgeführt, ohne die Schaltfläche in jeder dynamisch zu erstellen. Aber in jedem Fall zeigt es einige Fehler beim Ausführen vonvar btnProgress = Ladda.create (document.querySelector ('#' + id));

Erro

Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '#22' is not a valid selector.