打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
jquey click事件无效

在使用jQuery绑定点击事件的时候,有时候会遇到点击无效,这种情况大多出现在动态添加元素的时候

例如:给demo里添加li元素给li绑定点击事件

 $("#demo").append('<li>点我</li>'); 

这两种绑定方式,点击发现都不能够触发动态添加后的li元素

动态生成的标签事先绑定的点击事件点击了没反应。

推测上面这个监听函数,是在网页加载的时候就指定了对象,而通过代码追加,如通过js追加的元素,是不能匹配这个事件的。

那么,我们应该使用什么来绑定动态元素呢,支持给动态元素和属性绑定事件的是live和on,其中live在JQUERY 1.7之后就不推荐使用了。现在主要用on,使用on的时候也要注意,on前面的元素也必须在页面加载的时候就存在于dom里面。动态的元素或者样式等,可以放在on的第二个参数里面。

 

 

这是我改写后的写法

$(document).on("click", '#selectA',function () {
            $(this).remove();
            $("#select1 .select-all").addClass("selected").siblings().removeClass("selected");
        });

 

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
javascript-单击中突出显示或将类添加到父li元素
jQuery中的bind(), live(), on(), delegate()
$(document).on(''click'','''',fn)和$().click(fn)和$(''.classNa
禁止点击 / 某个事件在某段时间内执行
当前高亮jquery,鼠标经过变色
动态添加的标签绑定click事件不响应和关于IOS下click事件委托失效的解决方案
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服