Phonegap应用程序的iOS/Android设备中按钮css的更改非常缓慢

我已经为我的Phonegap手机应用程序设计了一个使用jquery mobile和css的自定义按钮。 单击按钮只需切换开/关状态，css类就会更改。 然而，在iPhone/iPad/Android设备上，切换/更改速度太慢。 在呈现切换css的按钮中有一些延迟。 在桌面浏览器上，它实际上相当快

我在代码中所做的是：

$("input[id='someid']").closest('div').removeClass("buttonUp ").addClass("buttonDown");
$("input[id='someid']").closest('div').removeClass("buttonDown").addClass("buttonUp");

CSS:

我尝试了“toggleClass（）”，但没有成功，对性能没有影响

我如何进一步优化这个

---

谢谢你的帮助。

这是故意拖延的。应该在300毫秒左右

无论人们怎么想，混合应用程序都比本地应用程序有很多缺点。在这种情况下，问题是单击事件检测与滑动事件。若两个动作都是即时动作，那个么应用程序无法识别什么是单击事件，什么是滑动动作的开始事件。由于此原因，刷卡操作需要具有优势，并且只有在至少持续300毫秒的情况下，点击事件才会起作用

如果将单击事件替换为或touchstart事件，则可以修复此问题。此事件不存在延迟问题

如果您想了解更多关于此的信息，请查看我关于单击/vclick/点击事件之间差异的另一个答案。可以在这里找到：

---

另一方面，如果你想让一切保持原样，你也可以用第三方jQuery移动插件来解决这个问题。它所做的是创建快速响应的按钮，而无需鬼影点击和恼人的300毫秒延迟。试试看，你可能会喜欢ti

工作得很有魅力！！！闪电般的快速响应。非常感谢。也非常感谢“快速点击”。

            .buttonDown {
                border:1px solid #000;font-weight:bold; cursor:pointer; text-shadow:0 1px 1px #000; text-decoration:none; background:#8FFFDD;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#8FFFDD), color-stop(100%,#72ccb1));background-image:-moz-linear-gradient(top, #72ccb1 0%, #8FFFDD 100%);background-image:-webkit-linear-gradient(top, #8FFFDD 0%,#72ccb1 100%);background-image:-o-linear-gradient(top, #8FFFDD 0%,#72ccb1 100%);background-image:-ms-linear-gradient(top, #8FFFDD 0%,#72ccb1 100%);background-image:linear-gradient(to bottom, #8FFFDD 0%,#72ccb1 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#8FFFDD', endColorstr='#72ccb1',GradientType=0 );color:#3D6AFF;
            }   


            .buttonUp {
                border:1px solid #000;font-weight:bold; cursor:pointer; text-shadow:0 1px 1px #000; text-decoration:none;background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#DD3B1B), color-stop(100%,#b12f16));background-image:-moz-linear-gradient(top, #b12f16 0%, #DD3B1B 100%);background-image:-webkit-linear-gradient(top, #DD3B1B 0%,#b12f16 100%);background-image:-o-linear-gradient(top, #DD3B1B 0%,#b12f16 100%);background-image:-ms-linear-gradient(top, #DD3B1B 0%,#b12f16 100%);background-image:linear-gradient(to bottom, #DD3B1B 0%,#b12f16 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#DD3B1B', endColorstr='#b12f16',GradientType=0 );color:#000000;
            }