Question

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

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

我无法在tablerow上使用click事件（这似乎有效），因为该表是在pageload之后生成的。感谢您的投入。

Answer 1

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

cursor：pointer;

tablerow的CSS样式将解决问题。我不明白为什么，因为我甚至没有在移动设备上使用光标，但它有效，所以。

＆＃13;

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

＆＃13;

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

＆＃13;

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

＆＃13;

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

1 个答案: