Rumah > hujung hadapan web > tutorial js > jQuery delegate事件监听无效的解决办法

jQuery delegate事件监听无效的解决办法

黄舟
Lepaskan: 2017-06-26 10:09:29
asal
2208 orang telah melayarinya

在做微信的开发中,发现jQuery的delegate绑定的事件监听无响应的解决办法。

前端的小朋友将原来 以下结构的代码

<a href="ssss">
<p>sssss</p>
<p>dddddd</p>
</a>
Salin selepas log masuk

改成了

<div data-href="ssss">
<p>ssssss</p>
<p>dddddd</p>
</div>
Salin selepas log masuk

因为涉及到一些异步加载的内容,所以使用如下代码来实现 a 标签的功能

$(document).delegate(&#39;[data-href]&#39;, &#39;click&#39;, function () {            
if ($(this).data(&#39;href&#39;)) {
                location.href = $(this).data(&#39;href&#39;);
            }
        });
Salin selepas log masuk

在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.
Salin selepas log masuk

添加CSS内容

*[data-href]{cursor: pointer;
}
Salin selepas log masuk

Atas ialah kandungan terperinci jQuery delegate事件监听无效的解决办法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan