我可以在 jQuery 中将 .load 函数与 fadeIn 结合起来吗?
我正在使用 .load 函数使用 jQuery 加载另一个页面。
这是我的代码:
$('#page1').click(function(){
$("#content").load("page1.html");
});
它工作得很好,但我想淡入新页面。无论如何,我可以将 load 和 fadeIn 功能结合起来吗?我尝试过,但它不起作用。
这是我的尝试:
$('#page1').click(function(){
$("#content").load("page1.html").fadeIn("normal");
});
如何结合 .load 和 .fadeIn 函数?
I am using the .load function to load in another page using jQuery.
Here is my code:
$('#page1').click(function(){
$("#content").load("page1.html");
});
It's working great, but I would like to fade in the new page. Is there anyway I can combine the load and fadeIn function? I attempted it, but it's not working.
Here is my attempt:
$('#page1').click(function(){
$("#content").load("page1.html").fadeIn("normal");
});
How can I combine the .load and .fadeIn function?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
对
load
的调用将使用 AJAX 并将异步运行。您需要在通话结束后立即淡入。您可以通过传递回调来加载来实现这一点。您的代码将如下所示:有关详细信息,请参阅有关 jQuery 的 .load() 的文档。
The call to
load
will use AJAX and will be run asynchronously. You'll want to fade in right after the call is terminated. You can achieve that by passing a callback to load. Your code will look like this:See documentation on jQuery's .load() for more information.
加载前隐藏
#content
,加载完成后淡入整个div。我猜想 load 接受回调函数......?编辑按照米格尔说的去做,无论如何=)
Hide
#content
before the load, and fade in the entire div when load is complete. I'd guess load acceps a callback function...?EDIT do what miguel said, anyway =)