jquery綁定事件不會在手機上觸發

Heyho，
我想將事件綁定到HTML表格。這似乎適用於常見的桌面瀏覽器，但不適用於手機瀏覽器。在iPhone 6和一些Android設備上進行測試。
Here's a related fiddle，
，這是我的代碼：jquery綁定事件不會在手機上觸發

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

我不能使用在tablerow的本身就是一個點擊事件，因爲頁面加載後產生的表（這似乎工作）。感謝您的輸入。

來源

2014-12-02 Dirk

你試過把它放在一個$（文件）。就緒（函數（）{}）？ – Gezzasa 2014-12-02 09:16:54

@Gezzasa - 是的，代碼在裏面。 – Dirk 2014-12-02 09:18:59

如果下面的答案不起作用。嘗試將您的腳本放在頁面底部。綁定點擊功能確實對移動設備有一些問題。 – Gezzasa 2014-12-03 06:41:22

我發現此解決方案：添加

光標：指針;

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>

來源

2014-12-02 09:29:54 Dirk

jquery綁定事件不會在手機上觸發

回答

相關問題