在做微信的开发中,发现jQuery的delegate绑定的事件监听无响应的解决办法。
前端的小朋友将原来 以下结构的代码
1 2 3 4 | <a href= "ssss" >
<p>sssss</p>
<p>dddddd</p>
</a>
|
登录后复制
改成了
1 2 3 4 | <div data-href= "ssss" >
<p>ssssss</p>
<p>dddddd</p>
</div>
|
登录后复制
因为涉及到一些异步加载的内容,所以使用如下代码来实现 a 标签的功能
1 2 3 4 5 | $(document).delegate('[data-href]', 'click', function () {
if ($(this).data('href')) {
location.href = $(this).data('href');
}
});
|
登录后复制
在PC浏览器上没有出现任何问题,当由iPhone 6 自带的浏览器打开的时候却直接失效了。
最终在stackoverflow上找到了解决方案,现记录如下:
1 | 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内容
1 2 | *[data-href]{cursor: pointer;
}
|
登录后复制
以上是jQuery delegate事件监听无效的解决办法的详细内容。更多信息请关注PHP中文网其他相关文章!