在手指触摸上更改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 的