JS click事件失效问题

4 篇文章 0 订阅

前端菜鸟,mark一下今天自己编写脚本代码时遇到的问题

利用js 加入脚本,之前解决了弹窗问题,现在发现弹窗后的,窗口里面的内容点击onclick事件失灵了,猜测是移动端不响应点击事情造成的,具体原因由于时间问题就没有深追了,后续有时间再查看是什么原因。

于是使用了

$(".a").live.("click",function(){
    alert("关闭!");
});

a是需要触发点击事情的div块内的class属性内容。

这种方式来触发事情,结果发现成功了。在今天的继续挖坑过程中,发现局部刷新弹窗后click竟然再次失效了,找了一个下午才发现原因元素在绑定之前已经执行了,局部刷新后找不到该元素,故点击后不会触发click的内容。

然后各种百度,发现可以用

$(".a").live.("click",function(){ 
    alert("关闭!"); 
});

这个方法来解决,但是测试发现还是不行。继续百度发现是 live方法在1.7中已经不建议使用,在1.9中删除了这个方法,并建议使用on方法来替代原文链接在这:https://blog.csdn.net/ylxd_class/article/details/78789827

于是改成:

$(document.body).on("click",".a", function(){
    alert("关闭!");
});

测试结果是可以使用的,这种方法在局部刷新后依旧可以绑定到新的同一个元素。

 

 

 

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Bo_b

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值