切版网（2013~2023）

http://qieban.cn
做完设计，找切版网
QQ:6135833
微信：dingxiangming82

2017年09月6日

safari浏览器下jquery点击click无效解决方法

本文就“safari浏览器下jquery点击click无效解决方法”展开讨论，作者切版网，发布于2017年09月6日 全文共450个字，预计阅读时长1分30秒。

最近在一个网站建设公司客户的web前端外包的项目中，我们就碰到了这样一个问题， 苹果手机下safari浏览器下jquery点击click无效， 但是安卓或者pc上不存在这个问题。代码片段是没有问题的

[codesyntax lang=”javascript”]

//示例弹窗
$(document).on('click','#exp',function(){
	$("#mask").fadeIn();
	$("#example").fadeIn();
	$(this).addClass("selected");
});

[/codesyntax]

后来查阅很多资料才知道，safari下必须添加一个 cursor:pointer 才能 识别可以点击。安卓正常识别。

知道原因的我崩溃了

推测在 safari 中，不可点击的元素的点击事件不会冒泡到父级元素。通过添加 cursor: pointer使得元素变成了可点击的了。

切版长期致力于为网站建设、设计公司提供pc、h5手机、响应式、edm邮件模板的psd转htm5的web前端外包，欢迎垂询。

文章为原创或者来自于互联网，转载请注明来源，如果文章有侵权请联系，我们会及时删除。