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


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



----------




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

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

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

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