0

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

这是我的代码:

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

它工作得很好,但我想淡入新页面。无论如何我可以结合负载和淡入淡出功能吗?我尝试过,但它不起作用。

这是我的尝试:

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

如何结合 .load 和 .fadeIn 功能?

4

2 回答 2

7

调用load将使用 AJAX 并将异步运行。您需要在通话终止后立即淡入。您可以通过将回调传递给加载来实现这一点。您的代码将如下所示:

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

有关更多信息,请参阅有关 jQuery 的 .load()的文档。

于 2009-11-24T11:03:04.160 回答
3

加载前隐藏#content,加载完成后淡入整个div。我猜负载接受一个回调函数......?

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

编辑做米格尔说的,无论如何=)

于 2009-11-24T11:04:07.930 回答