我正在使用 JQuery,我想要发生的是。
Div 使用fadeOut 命令淡出。然后它使用 load 命令从 url 加载内容。然后,一旦内容加载,它就会使用 fadeIn 命令淡入。
我的代码是:
$("#myDiv").fadeOut().load('www.someurl.com').fadeIn()
但是,这不起作用。它有点闪烁然后加载然后加载。我认为问题是在加载完成之前就发生了衰落。
我应该怎么办
谢谢
我正在使用 JQuery,我想要发生的是。
Div 使用fadeOut 命令淡出。然后它使用 load 命令从 url 加载内容。然后,一旦内容加载,它就会使用 fadeIn 命令淡入。
我的代码是:
$("#myDiv").fadeOut().load('www.someurl.com').fadeIn()
但是,这不起作用。它有点闪烁然后加载然后加载。我认为问题是在加载完成之前就发生了衰落。
我应该怎么办
谢谢
您可以像这样使用load()回调函数:
$("#myDiv").fadeOut().load("www.someurl.com", function(response, status, xhr) {
$(this).fadeIn();
});
您可能想使用 load() 调用的状态来查看是否一切都已正确完成。
$("#myDiv").fadeOut().load("www.someurl.com", function(response, status, xhr) {
if (status == "error") {
// handle error
}
else
{
$(this).fadeIn();
}
});
$("#myDiv").fadeOut(1000, function () {
$("#myDiv").load("www.someurl.com", {limit: 25}, function(){
$("#myDiv").fadeIn();
});
});
限制指定在加载调用中等待应答的时间
使用success
回调.load()
,如下所示:
$("#myDiv").fadeOut().load('www.someurl.com', function() {
$(this).fadeIn();
});
由于 AJAX 的异步特性,您需要在加载回调函数中进行淡入淡出。