SyntaxError no capturado: no se pudo ejecutar 'querySelector' en 'Documento'

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

Utilicé el código anterior para generar el botón dentro de jquery en cada función. El botón se creó dinámicamente y cuando hice clic en el botón, debería mostrar el progreso en el botón. Estoy usando estoLadda Button Loader.

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

Y luego pasé el botón, el controlador de eventos captura el evento y procesa la función anterior. Dentro de esa función creará unbtnProgress objeto. Después de eso, puedo llamar a las funciones start () o stop (). He trabajado con éxito en el caso de solo un botón sin crear el botón dinámicamente dentro de cada uno. Pero en cada caso muestra algunos errores al ejecutarvar btnProgress = Ladda.create (document.querySelector ('#' + id));

Error

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

Respuestas a la pregunta(2)

Su respuesta a la pregunta