jquery绑定事件不会在手机上触发

【问题标题】：jquery bound event doesn't fire on mobile phonesjquery绑定事件不会在手机上触发
【发布时间】：2014-12-02 09:07:01
【问题描述】：

嘿嘿，
我想将事件绑定到 HTML 表格行。这似乎适用于常见的桌面浏览器，但不适用于手机浏览器。在 iPhone 6 和部分 Android 设备上测试。
Here's a related fiddle,
这是我的代码：

$("body").on("click", "tr", function(){
      //do something 
})

我不能在表格本身上使用点击事件（这似乎有效），因为表格是在页面加载之后生成的。感谢您的意见。

【问题讨论】：

您是否尝试将其放入 $(document).ready(function(){}) 中？
@Gezzasa - 是的，代码在里面。
如果下面的答案不起作用。尝试将您的脚本放在页面底部。绑定点击函数在移动设备上确实存在一些问题。

标签： javascript android jquery html iphone

【解决方案1】：

我找到了这个解决方案：添加一个

光标：指针；

表格行的 CSS 样式将解决问题。我不明白为什么，因为我什至在移动设备上都没有光标，但它可以工作，那又怎样。

$("body").on("click", "tr.prim", function(){
      $(".sec").fadeToggle();  
})

.sec {
    display: none;
}
.prim {
    cursor: pointer;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<table border="1" cellspacing="0" cellpadding="0" width="300">
    <tr height="100" class="prim" bgcolor="#ffb7b7">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr height="100" class="sec" bgcolor="#ef4a4a">
        <td></td>
        <td></td>
        <td></td>
    </tr>
    <tr height="100" class="sec" bgcolor="#ef4a4a">
        <td></td>
        <td></td>
        <td></td>
    </tr>
</table>

【讨论】：