今天做毕设时遇到这个奇怪现象,用append()方法生成的按钮,该按钮无法触发事件。
第一次调用该按钮的代码:
$(".btn.btn-mini.add").click(function(){ .....});
点这个按钮没任何反应。查阅网上资料,很多人说用live,于是改为:
$(".btn.btn-mini.add").live('click',function(){ ....});
依旧没任何反应。最后使用on,改为:
$(document).on('click','.btn.btn-mini.add',function(){.....}); 问题解决!
看过的这些资料归纳下:
① click方法或者bind方法都无法绑定未来添加元素的事件。
②live可以,但live方法在1.7中已经不建议使用,在1.9中删除了这个方法。并建议在以后的代码中使用on方法来替代。