共被编辑 4 次

版本 更新时间 贡献者 编辑原因 操作
#r4 2015-07-31 青衿341 添加代码 | 补充内容 查看

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

<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>

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

#r3 2015-07-31 青衿341 编辑更新 查看

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

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


----------


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

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

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

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

#r2 2015-07-31 青衿341 修改排版 查看

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

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

<script type="text/javascript">
    $(document).on('click', '.readTastingRule', function() {
        $('.tastingRule').fadeToggle();
    });
</script>
上面写法在安卓设备点击正常,但是在IOS设备点击无效。 然后把span改成a标签之后,安卓和IOS都可以点击了。
<a href="javascript:void(0);" class="readTastingRule">查看试吃规则</a>

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

#r1 2015-07-31 青衿341 创建问题 查看

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

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

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

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

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

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