javascript - クラスを追加する方法（「オーバーフロー」）;

Question

ボタンをクリックしてクラスを追加したい

.overflow{overflow-y:scroll};

を使用addClass('overflow'}しましたが、クリックするとページ全体がリロードされます。

行動後は自分に合わないのでremoveClass('overflow') 選ばず、使用後は完全に外して欲しいです。.css('overflow','hidden')'auto','scroll','hidden'

Answer 1

<a>with を使用しないのはなぜhref="#"ですか？

それはページをリロードせず、スクリプトをトリガーします。

投稿されたコードに小さなタイプミスがあります: で終了しaddClass()ました}... これは正しいコードです:

$("#targetElement").addClass('overflow');

Answer 2

ページがリロードされないようにするには:

$("#yourbuttonid").click(function(e){
   e.preventDefault();  // this will prevent the link to be followed
   //the rest of your code
});

Answer 3

ページのリロードを防ぐには、デフォルトのアンカーclickイベントを防止する必要があります。

$("a.button").on("click", function(e) {
    // ... addClass("overflow");

    e.preventDefault();  // or instead you may use
                         // return false;
});

Answer 4

$("#yourbuttonid").click(function(e){

    //your code

    e.preventDefault();  // this will prevent the link's default action
                         // make sure it comes last in your code,
                         // if not it will cancel your code from executing.

});