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/