原文: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...})