jquery - 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/

Answer 2

$('#book').slideDown('slow', function() { // 动画完成。});

$.ajax({
            url:"gegarandeerd.html",
            dataType: "html",
            success: function(data){    
                $("#content").html(data);
  $('#content').slideDown('slow', function() {
    // Animation complete.
  });
                }   
            });

试试这个