在手指触摸时更改 Href 块的背景颜色

Question

这是我的 jsfiddle：

http://jsfiddle.net/Wgajs/4/

当用户用手指按下按钮/链接时，我不知道如何使用 jquery 实现相同的效果。我访问了该网站，但发现它非常混乱，不知道要查找什么。

我需要 jquery 的原因是因为这个效果在 Android 移动浏览上不能正常工作。当您向下滚动页面并触摸一个链接时，突出显示的绿色变得全是错误的，并且只显示部分，或者更糟糕的是，被分割和锯齿状。

所以我问，有人可以告诉我如何在单击链接变为绿色时采用“活动”css 类的相同效果 - 并更改它以便在用户触摸智能手机上的按钮时工作（使用jquery)?

Answer 1

试试这个解决方案

CSS

a.menuButton:active, activeBtn {... // Add activeBtn 

JS

 $(function() {
   $('a.menuButton').on('mousedown', function(){
          $(this).addClass('activeBtn')        
        }
        )​​​​​​;
   $('a.menuButton').on('mouseup', function(){
          $(this).removeClass('activeBtn')        
        }
    );  

});

jsfiddle

​