如何在按钮单击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;
});