如何在按钮单击jquery上停止页面重新加载

Question

我使用下面的代码使用jQuery按钮单击事件。 单击按钮时，页面将重新加载。

$('#button1').click(function () {
    //Code goes here
    return false;
});

Answer 1

如果您的“按钮”是一个button元素，请确保明确设置type属性，否则WebForm会默认将其视为提交。

<button id="button1" type="button">Go</button>

如果它是一个input元素，请使用以下命令执行此操作：

$('#button1').click(function(e){
    e.preventDefault();
    // Code goes here
});

阅读更多： event.preventDefault（）

Answer 2

您可以使用event.preventDefault()来防止发生默认事件（单击）。

$('#button1').click(function(e) {
    // prevent click action
    e.preventDefault();
    // your code here
    return false;
});