2017-01-30 5 views
0

私は対応するドロップダウンメニューを作っています。ラップトップでうまく動作していますが、アンドロイド携帯を使用してこのプルダウンのリンクをクリックすると、ウィンドウが上に移動します。私は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"); 
        }; 
      }); 


     });  
+0

あなたが試すことがあります。$( '#メニューA')の上( 'クリック'、機能(E){e.preventDefault();}) – gaetanoM

+0

その作業。私はpreventDefaultメソッドを使用していましたが、私のメソッドは正しくありませんでした。 :) –

+0

メニューを開いてスムーズに閉じる方法はありますか? –

答えて

0

これは機能します。

$(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"); 
}); 
+0

私はすでにこの方法を試してみました。動いていない。しかし、最初のコメントでgaetanoMによって提供されたメソッドは動作しています。 –

+0

メニューを開いてスムーズに閉じる方法はありますか? –

+0

これまでのところ、かなり滑らかに見えますが、ホバーオプションを試しましたか? これを試してください上記のコードを追加 – Eddsters

0

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

関連する問題