JQuery事件导致页面重新加载。怎么修？

Question

我正在观察onClick事件导致页面重新加载的行为。

$('#target').click(function(){
    $('#target').hide();
})

因此显示了该对象，它隐藏了单击，但随后页面重新加载并再次显示该对象。我正在建立一个在我之前设置的网站，所以我并不完全了解它的所有部分。知道什么可能导致这种行为以及如何解决它？

Answer 1

您需要使用event.preventDefault阻止默认事件行为：

$("#target").on("click", function (e) {
    $(this).hide();
    e.preventDefault();
});

使用return false也可以，但does more than you may intend。

这与event cancellation standard

一致

Answer 2

添加

return false;

作为最后一个语句，以便不调用链接，只执行函数（onclick）。