アンカー要素をクリックするたびに、ウィンドウがモバイルの一番上にジャンプします。

Question

私は対応するドロップダウンメニューを作っています。ラップトップでうまく動作していますが、アンドロイド携帯を使用してこのプルダウンのリンクをクリックすると、ウィンドウが上に移動します。私はJQueryでpreventDefaultを使用しようとしましたが、私はDropdownがCSS Hoverアクションによって動作すると思っています。なぜPreventDefaultメソッドが動作していないのでしょうか。任意のアイデア私は非常に迷惑なので、私はこれを防ぐために私のJQueryで追加する必要があります。 ここにリンクがあります。 JSFiddle

私はこのスクリプトを使用してテキストを切り替えます。

$(document).ready(function(){ 

     $(".show-menu").click(function(){ 
      if ($(this).text() == "Show Menu") 
       { 
        $(this).text("Close"); } else 
        { 
         $(this).text("Show Menu"); 
        }; 
      }); 


     });  

Answer 1

これは機能します。

$(document).ready(function(){ 

    $(".show-menu").click(function(e){ 
     if ($(this).text() == "Show Menu") 
      { 
       $(this).text("Close"); } else 
       { 
        $(this).text("Show Menu"); 
       }; 
     }); 
    e.preventDefault(); 
    return false; 
    });  

また、以下のコードを使用して、CSSファイルのホバー機能を削除することもできます。

$("#menu li").hover(function(){ 
    $(this).find("ul.hidden").fadeIn("fast"); 
}, function(){ 
    $(this).find("ul.hidden").fadeOut("fast"); 
}); 

Answer 2

デフォルトのアクションを防ぐためにclick(){ }の終わりに.preventDefault()に加えてreturn false;を使用することができます。