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 中的 click 函数来做到这一点。

Answer 4

当您在表单中单击提交按钮时，经常会发生这种情况，以防止浏览器刷新页面，只需在 HTML 中执行此操作：

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

如果您有一个刷新页面的按钮链接，请执行以下操作：

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