如何addClass（'overflow'）;

Question

我想点击一个按钮，然后添加课程

.overflow{overflow-y:scroll};

我使用了addClass('overflow'}，但是点击后重新加载了整个页面。

行动结束后removeClass('overflow') 我不会选择使用.css('overflow','hidden')因为'auto','scroll','hidden'不适合我，我希望它在使用后完全删除。

Answer 1

要阻止重新加载页面：

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

Answer 2

为什么不在<a>使用href="#"？

这不会重新加载页面并仍会触发您的脚本。

在您发布的代码中，您有一个小错字：您使用addClass()结束了} ...这将是正确的代码：

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

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.

});