Question

出于某种原因，当进行此JQuery调用时，页面将刷新。我一直认为JQuery函数末尾的return false;会导致页面无法重新加载，但显然情况并非如此？这是我的精简代码：

$(function() {
    $(".vote").click(function() {
        return false;
    });
});

当我点击投票按钮时，页面会刷新。我知道正在调用此代码，因为如果我将return false替换为alert('asdf');，则会显示警告。

Answer 1

通常，当您想要阻止链接或提交表单时，您希望告诉事件阻止默认（）：

$('a').click(function(e){
    e.preventDefault();
});

Answer 2

试试这个：

$(function() {
  $(".vote").click(function(e) {
    e.preventDefault();
  });
});

Answer 3

您无法在div中添加a：div是块级元素，a是内联的，并且HTML不允许内联中的块元素元素。浏览器会尝试通过重新排列DOM树来自动纠正此问题（例如，<a><div></div></a>可能最终为<a></a><div><a></a></div><a></a>）;这导致了各种有趣的行为。在Firefox中，您可以使用“视图选择源”（或者当然是Firebug）来检查发生了什么。

在JQuery调用期间页面刷新

3 个答案: