js添加class绑定事件无效的解决办法
程序员文章站
2022-04-24 18:48:59
...
当页面加载时,就会注册所有的事件,后面通过jquery新增的内容(< div class=“item”></ div>),再对新增的添加事件$(".item").click(function(){});页面是不会执行的,
解决方法,使用live(), live() 方法附加的事件处理程序适用于匹配选择器的当前及未来的元素(比如由脚本创建的新元素):
$(".item").live("click",function(){
});
由于jquery1.9后的版本已经把live()方法删除了,所以最好使用on()方法:
$(document).on("click",".item",function(){
});
推荐阅读
-
jquery的click事件缺陷问题:绑定class了但是在ajax拼接刷新后点击事件不起作用问题的解决办法
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
JS中动态添加事件(绑定事件)的代码_javascript技巧
-
js添加class绑定事件无效的解决办法
-
对于动态添加的元素绑定事件无效的看法
-
jquery的click事件缺陷问题:绑定class了但是在ajax拼接刷新后点击事件不起作用问题的解决办法
-
通过js获取元素表单以及遍历dom树和对元素的增删改查js操作内容演练实战了留言板的操作并对自定义属性: dataset对象初步的了解以及对js操作class和classList属性对象事件的添加与删除练习与了解
-
jquery对之后生成的js代码中的click事件无效的解决办法
-
关于thinkPHP框架添加js事件分页类customPage.class.php的分析
-
前端js中动态添加的元素不能触发绑定事件解决方法