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

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

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

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

知道原因的我崩溃了

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

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

切版- 切图网(qietu.com)旗下psd转html,前端外包的“切图客”团体。

发表评论

电子邮件地址不会被公开。 必填项已用*标注

您可以使用这些HTML标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

客服咨询
客服1
客服2
微信公众号