数码资讯
解决jQuery动态新元素节点不能触发事件问题的两种方法
例如,当执行Ajax读取消息列表时,每个消息在类回复后面都有一个应答按钮,如果您使用的是$(应答)。Click(函数){ }(某……),大概是在后台按钮后面的列表中加载Ajax,单击失败事件。 事实上,最简单的方法是写onclick=直接在标签,但实际上这是低一点,而最好的办法是绑定一个点击事件类的
选购提示
关注价格、性能、续航、售后和真实使用场景,理性比较后再下单。
例如,当执行Ajax读取消息列表时,每个消息在类回复后面都有一个应答按钮,如果您使用的是$(应答)。Click(函数){ }(某……),大概是在后台按钮后面的列表中加载Ajax,单击失败事件。
事实上,最简单的方法是写onclick=直接在标签,但实际上这是低一点,而最好的办法是绑定一个点击事件类的名称。
有两种解决方案可以解决动态添加的元素节点不能在jQuery中触发事件的问题,如下所示:
为了获得更好的性能,假设页面主体下有以下结构:
增加一个新的
AAA1
aaa2
aaa3
$(# plabel)。Click(function(){)
$(# ullabel)。追加('aaaq '); / /动态UL在额外的元末
});
方法1:现场使用
Live()函数将一个或多个事件处理程序绑定到选定的元素,并指定在这些事件发生时运行的函数。
实施情况如下:
$('。lilabel)。活(听到咔哒声,函数()){
警报(好的);
});
方法二:使用
事件可以由on方法绑定,它可以绑定到其父或其父体,如下所示:
$(# ullabel ),(点击','。lilabel功能()){
警报(好的)
});
或:
$(体),(点击','。lilabel功能()){
警报(好的)
});
现在你可以试试,问题是否已经解决了,我希望这篇文章能真正帮助人们。
事实上,最简单的方法是写onclick=直接在标签,但实际上这是低一点,而最好的办法是绑定一个点击事件类的名称。
有两种解决方案可以解决动态添加的元素节点不能在jQuery中触发事件的问题,如下所示:
为了获得更好的性能,假设页面主体下有以下结构:
增加一个新的
AAA1
aaa2
aaa3
$(# plabel)。Click(function(){)
$(# ullabel)。追加('aaaq '); / /动态UL在额外的元末
});
方法1:现场使用
Live()函数将一个或多个事件处理程序绑定到选定的元素,并指定在这些事件发生时运行的函数。
实施情况如下:
$('。lilabel)。活(听到咔哒声,函数()){
警报(好的);
});
方法二:使用
事件可以由on方法绑定,它可以绑定到其父或其父体,如下所示:
$(# ullabel ),(点击','。lilabel功能()){
警报(好的)
});
或:
$(体),(点击','。lilabel功能()){
警报(好的)
});
现在你可以试试,问题是否已经解决了,我希望这篇文章能真正帮助人们。
声明:本文内容用于数码产品信息整理与选购参考,具体价格、库存、售后政策以官方渠道和电商页面实时信息为准。