脚本宝典收集整理的这篇文章主要介绍了jQuery添加元素后不执行原有事件的方法,脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。
我们先来看下我的错误代码
html:
<table border="1" id="best">
<tr>
<td>
<button class="change">修改</button>
</td>
</tr>
<tr>
<td>
<button class="del">删除</button>
</td>
</tr>
<tr class="last"><td><button class="add">添加</button></td></tr>
</table>
js:
$(".add").click(function(){
var newYuansu = $("<tr><td><button class='del'>删除</button></td></tr>");
$(".last").before(newYuansu);
})
$(".del").click(function(){
$(this).parents("tr").remove();
})
而此时使用jQuery新加元素,新元素元素不会执行一部分原有的事件函数
博主是学生,也只是研究了一种方法:
$("#best").on("click",".del",function(){
$(this).parents("tr").remove();
})
把原本的click事件这样写,就可在新加的元素使用,非常好用~
以上是脚本宝典为你收集整理的jQuery添加元素后不执行原有事件的方法全部内容,希望文章能够帮你解决jQuery添加元素后不执行原有事件的方法所遇到的问题。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。