如何给动态生成的元素绑定事件
展开全部
使用jQuery的$(selector).on("event","child",function(){});给静态元素绑定事件是比较容易的，比如下面这行代码就是给 p 元素绑定点击事件
$("p").on("click", function () {
alert("you click the p element");
})123
但是如果是动态生成的元素，使用上面这段代码是没有效果的，因此要选择动态元素的某个父级静态元素，以此来绑定事件方可，具体见下段代码。
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><script>
$(document).ready( function () {
$("button").on("click", function () {
$("#myDiv").append("<p>this is a new paragraph!</p>");
});
$(document).on("click", "#myDiv p", function () {
alert("you clicked the p element!");
})
}
)</script><body><div>
<button id="btn_add">点击动态增加元素</button></div><div id="myDiv"></div></body></html>
别的没什么说的，要注意的是各种绑定事件要写在$(doucument).ready() 中，否则无效。
$("p").on("click", function () {
alert("you click the p element");
})123
但是如果是动态生成的元素，使用上面这段代码是没有效果的，因此要选择动态元素的某个父级静态元素，以此来绑定事件方可，具体见下段代码。
<html xmlns="http://www.w3.org/1999/xhtml"><head></head><script>
$(document).ready( function () {
$("button").on("click", function () {
$("#myDiv").append("<p>this is a new paragraph!</p>");
});
$(document).on("click", "#myDiv p", function () {
alert("you clicked the p element!");
})
}
)</script><body><div>
<button id="btn_add">点击动态增加元素</button></div><div id="myDiv"></div></body></html>
别的没什么说的，要注意的是各种绑定事件要写在$(doucument).ready() 中，否则无效。
本回答由网友推荐
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
微测检测5.10
2023-05-10 广告
您好！建议咨 深圳市微测检测有限公司，已建立起十余个专业实验室，企业通过微测检测就可以获得一站式的测试与认 证解决方案；(EMC、RF、MFi、BQB、QI、USB、安全、锂电池、快充、汽车电子EMC、汽车手机互 联、语音通话质量），认证遇...
点击进入详情页
本回答由微测检测5.10提供
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
