jquery html动态添加的元素绑定事件详解

在实际开发中会遇到要给动态生成的html元素绑定触发事件的情况：

<div

id="testdiv">

<ul></ul>

</div>

假设我们要给ul动态添加的<li>绑定click事件形成如下结果

<div

id="testdiv">

<ul>

<li

name="apple">apple</li>

<li

name="pear">pear</li>

</ul>

</div>

<script>

function

test(name){

alert("I'm

"+name)

}

//做法如下:

$("#testdiv

ul").on("click","li",

function()

{

//test($(this).attr("name"))

//do

something

here

})

//主动触发某个<li>的click事件

//

$("#testdiv

ul

li[name='apple']").trigger("click")

</script>

以上这篇jquery

html动态添加的元素绑定事件详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。

给每张大图设置不同的class，在你的xml回调函数中分别绑定easyzoom；

第二种方式是：

那个easyzoom的代码有bug，改它

第三种方式是：

在xml回调函数最后边加上绑定函数，为每个元素分别绑定；

$('a.zoom').each(function(){$(this).easyZoom()})

function getAppend(data){

//循环

$.each(data, function (i, n) {

$('<a></a>').text(n.name).appendTo($('#testDiv')).linkbutton({}).on('click',function(){message(n.id)})

})

function message(ID){

alert("ID="+ID)

}

}

---