1

重複の可能性:
# リンクをクリックしたときにウィンドウがトップにジャンプしないようにする

私のサイトには、クリックするリンクがあり、jquery がそれらのイベントを処理します。リンクは単純です。たとえば、次のとおりです。

<a href=# class=bleh>click</a>

問題は、そのようなリンクをクリックすると、ページの上部にスクロールすることです (おそらく # のため)。

ページをまったくスクロールせず、そのままにしておく方法はありますか?

href タグが必要ないことは理解していますが、リンクとして表示したいです。

4

5 に答える 5

1

を使用して、リンクのデフォルトのクリック動作を無効にしてみてくださいhref="#"。

$('[href="#"]').click(function (e) {
    e.preventDefault();
});
于 2012-07-12T11:54:24.463 に答える
1

event.preventDefault()クリックイベントのデフォルトアクションを防止するものを使用できます：

このメソッドが呼び出された場合、イベントのデフォルト アクションはトリガーされません。

$('.bleh').click(function(eve){
   eve.preventDefault()
})
于 2012-07-12T11:54:31.287 に答える
0

'#' の後に 'void' を配置すると、スクロールが停止し、イベントが発生する可能性があります。

<a href=#void class=bleh>click</a>
于 2012-07-12T11:58:43.363 に答える
0 
$('.bleh').on('click', function(e) {
   e.preventDefault();
   return false;
})
于 2012-07-12T11:57:24.983 に答える
0

または、これを使用することもできますが、少し長くなりますが機能します

<a href="javascript:void(0);" class="bleh">click</a>
于 2012-07-12T11:57:36.043 に答える