扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
你可以在添加的同时顺便给标签绑定事件，还可以使用live或者on方法为之后添加的元素绑定事件。去看看这两个方法的用法和语法吧！
成都网站建设哪家好，找成都创新互联！专注于网页设计、成都网站建设、微信开发、小程序设计、集团成都企业网站建设等服务项目。核心团队均拥有互联网行业多年经验，服务众多知名企业客户；涵盖的客户类型包括：成都咖啡厅设计等众多领域，积累了大量丰富的经验，同时也获得了客户的一致表扬！
在实际开发中会遇到要给动态生成的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动态添加的元素绑定事件详解就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持脚本之家。
可以用事件委托，jquery提供on()方法（jquery 1.7.0 以上版本）来委托绑定事件：
ul class="list"
lia href="javascript:;"导航1/a/li
lia href="javascript:;"导航2/a/li
/ul
$('.list').find('a').on('click', function(){
$(this).addClass('active').siblings().removeClass('active');
});
这样.list里通过js动态创建的a节点也能响应click事件。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网