0

これが私のjsfiddleです：

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

ユーザーが指でボタン/リンクを押したときに、jqueryを使用して同じ効果を達成する方法がわかりません。Web サイトにアクセスしましたが、非常にわかりにくく、何を探すべきかわかりません。

jquery が必要な理由は、この効果が Android モバイル ブラウジングでは適切に機能しないためです。ページを下にスクロールしてリンクに触れると、強調表示された緑色がすべてバグになり、部分的にしか表示されないか、さらに悪いことに、分割されてギザギザになります。

だから私は尋ねています、クリックするとリンクが緑色に変わったときに「アクティブな」cssクラスと同じ効果を得る方法を教えてもらえますか?

4

1 に答える 1

0

この解決策を試してください

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

</p>

于 2012-09-27T20:10:23.687 に答える