addClass ('overflow')하는 방법;

Question

나는 그때 내가 addClass('overflow'}를 사용하는 클래스

.overflow{overflow-y:scroll}; 

을 추가 할 수 있지만 클릭에 전체 페이지를 다시로드 버튼을 클릭합니다. 이 removeClass('overflow') 내가 .css('overflow','hidden')'auto','scroll','hidden' 때문에 사용을 선택하지 않을 것입니다 작업 후

이 나에게 적합하지 않습니다, 나는 그것이 완전히 사용 후 삭제하고 싶습니다. 페이지를 방지하기 위해

Answer 1

왜 그냥 <a>를 사용 해달라고 href="#"?

페이지를 다시로드하지 않아도 스크립트를 실행할 수 있습니다. 을 yor에서

유 사소한 오타가 코드를 게시 : 당신은 }으로 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

, 당신은 prevent default 앵커 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. 

});