anchor - href="#" ページの先頭に移動 - 防止しますか?

Question

いくつかの jQuery 関数を含むページがあります。ページの HTML は次のようになります。

<a href="#" class="service">Open</a>

[開く] ボタンをクリックすると、非表示のパネルがスライドします。jQuery自体はうまく機能しますが、ボタンをクリックするとページの上部にも移動します。

href="#"これはデフォルトの動作ですか、また、ページの先頭に移動しないようにするにはどうすればよいですか?

注: ID を追加して、href にその ID を指定するように指示することもできます。さまざまな理由で（不要なコードの追加を含む）、そうしたくありません。

score 120 · Accepted Answer

120

<a href="#!" class="service">Open</a>

于 2016-03-29T17:33:09.393 に答える

score 72 · Accepted Answer

イベントハンドラーで、次を追加します(はイベントを保持する変数の名前であるとe.preventDefault();仮定します)。e

$('.service').click(function(e) {
    e.preventDefault();
});

score 26 · Accepted Answer

<a href="#" onclick="return false;" class="service">Open</a>

また

$(document).ready(function()
{ 
   var a = $(".service");
   a.click(function()
   {

       return false;

   });
});

また

$(document).ready(function()
{ 
   var a = $(".service");
   a.click(function(e)
   {

       e.preventDefault();

   });
});

また

<a href="#" onclick="event.preventDefault();" class="service">Open</a>

score 0 · Accepted Answer

$('service').click(function() {
<your code>
return false;
});

return false「a」タグの標準的な動作をオーバーライドし、クリックしたときにブラウザーがページの上部に戻るのを停止します。

4 に答える 4