jquery - Bootstrap 按钮在移动设备上获取 "stuck"

Question

每当我用我的移动设备 (android) 在 Twitter 的 boostrap 按钮上单击一个按钮但按钮变得奇怪的样式就像鼠标仍然悬停并且在我单击另一个元素之前不会释放。这不是应用于元素的事件类。

这很微妙但很烦人，尤其是当我尝试将样式应用到按钮时，它们不会显示，直到我单击不同的元素。

尝试转到 http://twitter.github.com/bootstrap/base-css.html#buttons在移动设备上点击一个按钮，你就会明白我的意思了

我尝试用 jquery 触发各种事件，但没有任何效果，这是我在 javascript 末尾的片段

$(document).on('tapclick', '.btn', function() {
          $(this).blur(); 
          $(this).trigger('mouseup'); 


        });

并尝试在悬停时覆盖 css 样式

.btn a:hover,.btn a:link,.btn a:visited,.btn a:active{
text-decoration: none !important;
cursor: default !important;
background-color: transparent !important;
background-image: none !important;
 }

Answer 1

如果您只是为移动设备开发，那么您可以完全覆盖悬停 css，例如:

.btn:hover {
    background-color: inherit;
}