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

Question

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

这是我的代码：

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

它工作得很好，但我想淡入新页面。无论如何我可以结合load和fadeIn功能吗？我试过了，但它没有用。

这是我的尝试：

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

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

Answer 1

对load的调用将使用AJAX并将以异步方式运行。在呼叫终止后，您将立即淡入。您可以通过将回调传递给load来实现。您的代码将如下所示：

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

有关详细信息，请参阅documentation on jQuery's .load()。

Answer 2

在加载前隐藏#content，并在加载完成时淡入整个div。我猜想加载一个回调函数......？

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

编辑执行米格尔所说的，无论如何=）