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