關於jQuery append生成的新元素添加事件失敗

       今天做畢設時遇到這個奇怪現象,用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方法來替代。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章