Jquery:单击链接后防止窗口滚动

Question

我有 2 个链接，隐藏在主页上向用户显示不同的信息。如果单击一个链接，新信息就会出现在屏幕上。问题是，当我单击任何链接时，窗口会返回到页面顶部。我想阻止这种行为，因为它很烦人。

这是链接的代码

<div align="right" id="ajaxIncomingMail"><a href="#" class="incomingMail">Incoming Mail</a></div><div id="ajaxOutgoingMail"><h5><a href="#" class="outgoingMail">Outgoing Mail</a></h5></div>

这是 jquery 的代码:

        $(function(){
      $("a.incomingMail").click(function(e){
            e.preventDefault();
            $("#ajaxMailShowContentOutbox").hide();
            $("#ajaxMailShowContentInbox").fadeIn("slow");
        });

        $("a.outgoingMail").click(function(e){
            e.preventDefault();
            $("#ajaxMailShowContentInbox").hide();
            $("#ajaxMailShowContentOutbox").fadeIn("slow");
        });
        return false;
    });

这里我使用了preventDefault()，但它仍然不起作用!？我也尝试过 return false，但这也不起作用。我不知道这是否重要，但是所提供的信息是用 php 从数据库中提取的。如何让点击链接时停止滚动？

Answer 1

return false; 不应该在实际的 jQuery 单击事件内而不是在其外部吗？

编辑

    $(function(){
  $("a.incomingMail").click(function(e){
        e.preventDefault();
        $("#ajaxMailShowContentOutbox").hide();
        $("#ajaxMailShowContentInbox").fadeIn("slow");
        return false;
    });

    $("a.outgoingMail").click(function(e){
        e.preventDefault();
        $("#ajaxMailShowContentInbox").hide();
        $("#ajaxMailShowContentOutbox").fadeIn("slow");
        return false;
    });

});