时间:2021-07-01 10:21:17 帮助过:14人阅读
前端的小朋友将原来 以下结构的代码
<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; }
以上就是jQuery delegate事件监听无效的解决办法的详细内容,更多请关注Gxl网其它相关文章!