我可以将.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"); }));