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

标签 javascript jquery html

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

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

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

最佳答案

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

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

使用 return false 也可以,但它 does more than you may intend .

这符合event cancellation standard

关于javascript - JQuery 事件导致页面重新加载。怎么修?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15889105/

相关文章:

javascript - 如何创建一个函数来查找元素的坐标,而不管其位置如何?

javascript - 使用 JavaScript 等待 X 秒后页面重定向

javascript - 表单提交后无法重定向

jquery - CSS动画规模

javascript - Jquery获取div的内容

javascript - 我可以从 Chrome 打包应用程序的后台页面调用变量或函数吗?

javascript - 在脚本运行时保持 UI 更新

javascript - 为什么我的 jQuery 函数会触发两次?

javascript - 基本 onclick javascript jquery 代码到 Vue

javascript - 如何调整可调整大小的div中所有组件的大小?