如何向.load-Function添加淡入淡出效果

Question

我从我的服务器获取了来自.php文件的内容的代码：

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

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

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

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

Answer 1

要使fadeIn（）起作用，必须首先隐藏元素。

所以尝试使用fadeTo（） - 淡出现有内容然后淡出新内容

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