JQuery綁定事件不起作用的原因及解決方案

原文:http://blog.csdn.net/hebsun/article/details/53893576

原文內容:

jquery事件綁定多個選擇器(推薦取代delegate, live)

$(document).on('click', '.footable-even,.footable-odd',function() { 

    alert("2");

});


錯誤: 頁面出現動態添加元素時,添加元素的事件用普通的方法,無法響應。

原因: 普通添加的事件,只是在document.ready時綁定的已有元素事件,所以動態添加的元素,在document.ready時不存在,所以也無法綁定元素事件,無法對事件進行響應。

這時候,需要用到上面的三個綁定方法;這三個方法只所以成功,是因爲這三個方法是綁定到document上,如果元素髮生變化,也都是從document開始找,動態添加的元素也能被重新查找時所發現,所以事件能夠響應。


對於某些動態的或者異步加載的Dom元素,直接用 $(selecter).action(function(){ #code...}) 綁定事件有時不能成功,這時可以試着用

$(document).on('action','selecter','data',function(){ #code...})

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