I want click a button then it add the class
.overflow{overflow-y:scroll};
I used addClass('overflow'}, but it reload the whole page on clicked.
After an action it will removeClass('overflow')
I will not choose to use .css('overflow','hidden') because 'auto','scroll','hidden' is not suitable for me, I want it being completely remove after used.
Why dont you just use an <a> with href="#" ?
That wouldn't reload the page and still trigger your script.
In yor posted code u have a minor typo: You ended the addClass() with } ... This would be the correct code:
$("#targetElement").addClass('overflow');
href="javascript:void(0);", otherwise a click would scroll back to the topTo prevent the page to be reloaded:
$("#yourbuttonid").click(function(e){
e.preventDefault(); // this will prevent the link to be followed
//the rest of your code
});
In order to prevent page reloading, you should prevent default anchor click event:
$("a.button").on("click", function(e) {
// ... addClass("overflow");
e.preventDefault(); // or instead you may use
// return false;
});
$("#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.
});
