javascript - 在IOS设备上点击span标签不能触发jquery的.click()事件？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

javascript - 在IOS设备上点击span标签不能触发jquery的.click()事件？

ringa_lee 2017-04-10 15:36:18

[JavaScript讨论组]

1167

<span class="readTastingRule">查看试吃规则</span>


<p class="tastingRule">各种规则</p>



----------




<script type="text/javascript">
    $(document).on('click', '.readTastingRule', function() {
        $('.tastingRule').fadeToggle();
    });
</script>

上面写法在安卓设备点击正常，但是在IOS设备点击无效。
然后把span改成a标签之后，安卓和IOS都可以点击了。

<a href="javascript:void(0);" class="readTastingRule">查看试吃规则</a>

请问这是为什么呢？本人是前端新手，求大神解答。

ringa_lee

全部回复(2)

PHP中文网2017-04-10 15:38:18 2楼

当使用事件委托给一个元素添加 click 事件时，如果事件是委托到 document 或 body 上，并且委托的元素是默认不可点击的（如 p, span 等），此时 click 事件会失效。如果是可点击的（比如 button、a 标签），此时 click 事件还是有效的，这点要特别注意。
参考链接： http://www.cnblogs.com/zichi/p/5521391.html