为什么我js动态添加的a标签相应的js会失效

为什么我js动态添加的a标签相应的js会失效,第1张

个人理解

我猜测的会失效,应该是通过jquery绑定事件失效了吧?

如何解决

// 在动态添加元素后,如果之前绑定事件是通过click 绑定,则动态添加的元素不会被绑定。

//可以通过delegate 进行绑定

$('body').delegate('a','click',function(){

    //此处为处理过程

})

//而且要保证$('body') 中的选择器不是动态添加的。

 3. 如果该回答没有对应您的问题,请您贴出您的问题代码。

参考 a标签的bug hover状态不触发 可点区域不可点击

被iOS同学发现iOS8系统下的按钮只点击a标签里面的文字区域并没有触发click跳转,参考上面的文章对页面做了修改,由于iOS8设备的童鞋已经下班,明天来继续更新一下是否有效。

bug: 当a与a:hover样式不发生变化的时候,ie6会认为没有触发:hover

解决方法:给a:hover添加border:0,在视觉上没有发生任何变化,但是ie6中,当鼠标放上去后,触发了:hover。

iOS端内嵌H5页面,点击a链接无反应

一般这种问题发生在新窗口打开的情况下,也就是说 target 的值为 _blank 时会发生这个问题,改为_self 即可解决问题。或者iOS的用户长按链接也是可以打开链接的,不过是跳转到了浏览器。

如果点击的模块不是a标签或者button

需要给他加上cursor: pointer的样式。

第二种解决方案是将click事件替换为touchstart事件,或者click事件与touchstart事件并存:


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11759745.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存