我可以将.load函数与jQuery中的Fadein结合起来吗？

Question

我正在使用.load函数使用jQuery加载另一页。

这是我的代码：

$('#page1').click(function(){                           
  $("#content").load("page1.html");
});

它运行良好，但我想在新页面中淡入。无论如何，我可以将负载和Fadein功能结合起来吗？我尝试过，但它不起作用。

这是我的尝试：

$('#page1').click(function(){                           
  $("#content").load("page1.html").fadeIn("normal");
});

如何组合.load和.fadein函数？

Answer 1

打电话 load 将使用Ajax，并将异步运行。通话终止后，您需要淡入。您可以通过将回调加载来实现。您的代码看起来像这样：

$('#content').load("page1.html", {}, function() { $(this).fadeIn("normal"); }));

看 jQuery的.load（）上的文档 了解更多信息。

Answer 2

隐藏 #content 负载之前，负载完成后，在整个DIV中褪色。我猜加载了一个回调函数...？

$('#content').hide();
$('#content').load('page1.html', function() { $('#content').fadeIn('normal'); });

编辑 做米格尔说的话，无论如何=）