'<button id="'+item['id']+'" class="btnDeactivateKeyInChildPremiumCustomer waves-effect waves-light>ok</button>'
Run Code Online (Sandbox Code Playgroud)
我使用上面的代码在jquery里面生成每个函数的按钮.动态创建按钮,当我点击按钮时,它应该显示按钮上的进度.我正在使用这款Ladda Button Loader.
btnDeactivateKeyInChildPremiumCustomerClick : function(event){
var id = event.currentTarget.id;
var btnProgress = Ladda.create(document.querySelector('#'+id));
//btnProgress.start(); or //btnProgress.stop();
}
Run Code Online (Sandbox Code Playgroud)
然后我通过按钮事件处理程序捕获事件处理上面的函数.在该函数中它将创建一个btnProgress对象.之后我可以调用start()或stop()函数.我只在一个按钮的情况下成功地工作,而不是在每个按钮内动态创建按钮.但是在每种情况下,它在执行var btnProgress = Ladda.create(document.querySelector('#'+ id))时显示一些错误;
错误
Uncaught SyntaxError: Failed to execute 'querySelector' on 'Document': '#22' is not a valid selector.
Run Code Online (Sandbox Code Playgroud)