jquery - Jquery ナビゲーションをクリックしたときに更新を停止する方法

Question

私の下手な英語で申し訳ありません...ボタンをクリックするとナビゲーションが更新されるときにjqueryに問題があります...誰か助けてください:)

デモ：

http://jsfiddle.net/4H942/2/

Answer 1

アンカー タグでクリック イベントを使用している場合は、 を使用する必要がありますpreventDefault。例えば：

$('.3').click(function(e){
    e.preventDefault();
    $('body').animate({
        scrollTop: $(".middle").offset().top
    }, 2000);                   
});

仕組みの詳細preventDefault: jQuery - event.preventDefault()

Answer 2

問題がどこにあるかを正確に知らずに知るのは難しいですが、e.preventDefault() または e.stopPropagation() が必要になる場合があります。

$('.button').on('click',function(e) {
     //do something
     e.preventDefault();     // stops default button action, e.g. submitting a form
     e.stopPropagation();    // stops event bubbling back to parent element
   }  
   return false;         /// stops default link action
});

.button は、イベントをトリガーする要素のクラスです。これらは発生する可能性のある問題の例ですが、発生している問題を知らなければ、どれが機能するかはわかりません。

Answer 3

return false; これを行うには、jQuery のクリック機能に追加します。

Answer 4

これは、フォームで送信ボタンをクリックしたときによく発生します。ブラウザーがページを更新しないようにするには、HTML で次のようにします。

<form onsubmit="return false;">
...
</form>

ページを更新するボタンのリンクがある場合は、次のようにします。

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