jquery fadeout，load，fadein

我正在使用JQuery，我想要发生的是。

Div使用fadeOut命令淡出。 然后使用load命令从URL加载内容。 然后，一旦加载了内容，它就会使用fadeIn命令淡入淡出。

我的代码是：

$("#myDiv").fadeOut().load('www.someurl.com').fadeIn() 

但是这不起作用。 它闪烁然后加载然后加载。我认为问题是在加载完成之前发生了衰落。

我该怎么办

谢谢

Answer 1

你可以像这样使用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(); } }); 

Answer 2

 $("#myDiv").fadeOut(1000, function () { $("#myDiv").load("www.someurl.com", {limit: 25}, function(){ $("#myDiv").fadeIn(); }); }); 

该限制指定在加载调用中等待答复的时间

Answer 3

使用.load()的success回调，如下所示：

 $("#myDiv").fadeOut().load('www.someurl.com', function() { $(this).fadeIn(); }); 

Answer 4

由于AJAX的异步特性，你需要在加载回调函数中进行淡入淡出。