jquery使用ajax加载html并让它在你的页面中滑动

Question

我正在制作一个 webapge，我需要通过点击事件在我的主页中加载一个 html 页面。工作正常。

我的问题是，是否可以让传入的html页面在首页滑动？

我正在使用以下内容加载 html 页面:

$.ajax({
    url: "gegarandeerd.html",
    dataType: "html",
    success: function(data) {
        $("#content").html(data);
    }
});​

如何让加载的数据在页面中滑动？

Answer 1

这个效果看起来不错。

$.ajax({
    url: "gegarandeerd.html",
    dataType: "html",
    success: function(data) {
        $("#content").fadeOut(function() {
            $(this).html(data).slideDown();
        });
    }
});​

旧内容正在淡出，新内容正在下滑。

演示: http://jsfiddle.net/2yJhc/