Jquery如何在单击导航时停止刷新答案

【问题标题】：Jquery How to stop a refresh when click a navigationJquery如何在单击导航时停止刷新
【发布时间】：2012-05-25 12:26:17
【问题描述】：

对不起我的英语不好... 当我点击一个按钮时，我在 jquery 中有一个问题是重新导航导航... 请有人帮助我:)

演示：

http://jsfiddle.net/4H942/2/

【问题讨论】：

标签： jquery html refresh

【解决方案1】：

如果您在锚标记上使用点击事件，则需要使用preventDefault。例如：

$('.3').click(function(e){
    e.preventDefault();
    $('body').animate({
        scrollTop: $(".middle").offset().top
    }, 2000);                   
});

有关preventDefault 工作原理的更多信息：jQuery - event.preventDefault()

【讨论】：

【解决方案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 是触发事件的元素的类。请注意，这些是您可能遇到的问题的示例，但在不知道您遇到的问题的情况下，我不能说哪个（如果有的话）会起作用。

【讨论】：

请注意，.live 在 JQuery 1.7 中已弃用。对于 JQuery 1.7+，您应该使用 .on。此外，显然 OP 没有任何名为 button 的类可以使用 .button 进行选择。我认为这可能只是一个示例，但使用 $('button') 标签选择器可能更具示范性。
@FabrícioMatté OP 没有具体说明他在使用哪种元素时遇到了什么问题，而 jsfiddle 也没有帮助，因为我说它是一个解决方案示例，可以根据什么来解决问题它是......关于live，（它的代码来自我之前工作过的一个项目）但由于他没有使用它，我认为他只使用了解决问题的相关代码
是的，我只是添加一个注释，任何可能在 JQuery 1.7+ 上尝试您的代码的人可能会发现自己使用了一个已弃用的函数。 :P
@FabrícioMatté 公平点...正如我所说的那样，它是一个旧代码示例，但我会更改它以防其他人按原样接受它。

【解决方案3】：

您可以通过在 jQuery 的点击函数中添加return false; 来做到这一点。

【讨论】：

【解决方案4】：

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

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

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

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

【讨论】：