0 
 <li> <a href="#calculate">Calculate</a></li>
 <li> <a href="#calculate1">Calculate1</a></li>
 <li> <a href="#calculate2">Calculate2</a></li>

これは私が持っているコードです。リンクをクリックすると、ページが#calculateのある場所までスクロールダウンします。これは理解できることです。しかし、スクロールしないようにする必要があります。hrefの値を削除できます。値を削除せずに、ID名を変更せずに、スクロールをブロックする方法はありますか？

4

4 に答える 4

2 
$('li > a[href*=calculate]').on('click', function(e) {
  e.preventDefault(); // this will prevent the page scroll

  // continue other code

});

.preventDefault（）について読む

ここでは、'li > a[href*=calculate]'直接（第1レベル）の子であり、属性に単語がli含まれているアンカータグを選択します。calculatehref

于 2012-07-29T06:06:33.970 に答える
2

ライブデモ

最新のjQueryバージョンでは：

$('a').on('click', function(e) {
  e.preventDefault();
});

その他のjQueryバージョン：

$('a').click(function() {
  return false;
});
于 2012-07-29T06:07:24.633 に答える
1

関数をクリックイベントにバインドして、falseを返すようにすることができます。

$("a").click(function() { return false; });

デモ

于 2012-07-29T06:04:42.200 に答える
1

リンクのデフォルトのアクションを防ぐだけです

$('li > a[href^=#calculate]').on('click', function(e){
    e.preventDefault();
    return false;
});

'li > a[href^=#calculate]'要素の子でaあるhref属性で始まる要素を選択します#calculateli

より詳しい情報

于 2012-07-29T06:06:22.013 に答える