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

Question

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

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

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

Answer 1

您需要通过以下方式防止默认事件行为event.preventDefault：

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

使用return false也可以，但它的作用超出了您的预期。

这符合活动取消标准

Answer 2

添加一个

return false;

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