Javascript 如何向.load函数添加淡入淡出效果

我从服务器请求.php文件中的内容时得到了以下代码：

function contentloader(dataid) {
            $("#content").load("controller.php?id="+dataid+"", {}, function() { $(this).fadeIn(900); });
        }

我的模板中使用“javascript:contentloader（'sitename'）；”的链接，例如：

<a href=javascript:contentloader('home');>Home</a>

内容加载，但淡入淡出效果不起作用，我不知道为什么。也许你能帮我。非常感谢。

要使fadeIn（）工作，必须先隐藏元素

因此，尝试使用fadeTo（）-淡出现有内容，然后淡入新内容

function contentloader(dataid) {
    $("#content").fadeTo(200, .5, function () {
        $(this).load("controller.php?id=" + dataid + "", {}, function () {
            $(this).fadeTo('normal', 1);
        });
    });
}

---

可能的复制品没有我想要的那么好。如果我点击一个链接，内容会进入、淡出，然后再次淡入。如何在加载前淡出？它似乎对我不起作用。@user3279720使用淡出回调加载内容，现在开始工作。我可以操纵DOM，使我的“current”链接得到类“current”吗？我也可以操纵URL，这样如果有人刷新站点，他会回到原来的位置，而不是索引//编辑：好，第二个问题已部分解决。我找到了链接，但是如何为用户操作URL？url应该是index.php？id=sitename