jQuery中對未來的元素繫結事件

對未來的元素繫結事件不能用bind，

1、可以用live代替，但是要注意jquery的版本,根據官方文件，從1.7開始就不推薦live和delegate了，1.9裡就去掉live了。

//放在$(function(){})裡才有效

$(document).on("click", "#testdiv", function
());

3、 當只想為每乙個匹配元素的特定事件（像click）繫結乙個一次性的事件處理函式時，用.one()代替on就可以了，注意不是在所有的[selector]上都可以執行一次，而是在這些[select]上總共也就執行一次，對未來的元素也有效。

4、如果某個div裡有增刪改三個按鈕需要繫結事件，像下面這些寫：

$('#btn-add').click(function

(){});
$('#btn-del').click(function
(){});
$('#btn-edit').click(function(){});

這樣寫的壞處：看不出三者的結構聯絡，沒有利用事件冒泡。

$("#btncontainer").coffee(,

"#btn-del": function(),
"#btn-edit": function()
} , mouseenter:, 
}});

$('#btncontainer')

.on('click','#btn-add', function
(){})
.on('click','#btn-del', function
(){})
.on('click','#btn-edit',function(){});

這種寫法也避免了上文提到的兩個壞處，看起來也不亂了。

jQuery中對未來的元素繫結事件用 on

最近專案需要點選彈窗裡面的a標籤出現外連線跳轉提示 彈窗提示 開始 doctype html html head meta charset utf 8 meta name viewport content width device width,initial scale 1.0,user scala...

jq中如何對未來元素繫結事件

對未來元素繫結，不可以用bink，雖然可以用live代替但是jquery的版本,根據官方文件，從1.7開始就不推薦live和delegate了，1.9裡就去掉live了。下面就是簡單的一串 用on 來對未來元素進行繫結 lang en charset utf 8 name viewport cont...

Jquery為動態新增的未來元素繫結事件

語法 selector on event,childselector,data,function event 必需。規定要從被選元素移除的乙個或多個事件或命名空間。由空格分隔多個事件值，也可以是陣列。必須是有效的事件。childselector 可選。規定只能新增到指定的子元素上的事件處理程式 且不...