在移动设备上点击时切换类答案

【问题标题】：toggleClass when tapping on mobile在移动设备上点击时切换类
【发布时间】：2016-11-09 00:14:03
【问题描述】：

我目前正在对表格的每一行应用toggleClass（更改颜色）：

$('tr').click(function() {
    $(this).toggleClass('red-c blue-c');
});

这在我的桌面上效果很好 - 只要我点击一行，颜色就会切换。但是，在移动设备上，当我点击一行时，该行保持选中状态并且颜色不会立即切换。只有在我点击第二行后才会切换。

我尝试使用“touch”和“touchstart”事件。仍然没有运气。我认为的问题是，当我点击一行时，它会保持选中/突出显示。只有当我点击不同的行时，它才会被取消选择并切换颜色。

【问题讨论】：

我认为这与document .click function for touch device 重复
我试过了，但似乎没有成功。
我尝试使用“touch”事件而不是“touchstart”。仍然没有运气。我认为的问题是，当我点击一行时，它会保持选中/突出显示。只有当我点击不同的行时，它才会被取消选择并切换颜色。

【解决方案1】：

尝试添加 css 样式

cursor:pointer

给你的

【讨论】：