iOS中jQuery 的delegate 事件监听无效解决办法
博客专区 > Jackin 的博客 > 博客详情
iOS中jQuery 的delegate 事件监听无效解决办法
Jackin 发表于2年前
iOS中jQuery 的delegate 事件监听无效解决办法
  • 发表于 2年前
  • 阅读 2002
  • 收藏 3
  • 点赞 2
  • 评论 0

新睿云服务器60天免费使用,快来体验!>>>   

摘要: 在做微信的开发中,发现jQuery的delegate绑定的事件监听无响应的解决办法。
前端的小朋友将原来 以下结构的代码
<a href="ssss">
<p>sssss</p>
<p>dddddd</p>
</a>

改成了


<div data-href="ssss">
<p>ssssss</p>
<p>dddddd</p>
</div>
因为涉及到一些异步加载的内容,所以使用如下代码来实现 a 标签的功能



$(document).delegate('[data-href]', 'click', function () {
            if ($(this).data('href')) {
                location.href = $(this).data('href');
            }
        });

在PC浏览器上没有出现任何问题,当由iPhone 6 自带的浏览器打开的时候却直接失效了。


最终在stackoverflow上找到了解决方案,现记录如下:


On iOS there is no event bubbling without a cursor style. So in your CSS you need to add cursor: pointer; to the element.

添加CSS内容

*[data-href]{
cursor: pointer;
}





  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
Jackin
粉丝 26
博文 46
码字总数 13191
×
Jackin
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: