jQuery淡入淡出，负载，fadein

Question

我正在使用jQuery，我想发生的事情是。

使用淡出命令淡出。然后，它使用LOAD命令从URL加载内容。然后，一旦内容加载，它使用fadein命令将其逐渐消失。

我拥有的代码是：

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

但是，这行不通。然后闪烁然后加载然后加载。我认为问题在于褪色是在负载完成之前发生的。

我该怎么办

谢谢

Answer 1

您可以使用 加载（） 这样的回调函数：

$("#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

使用 success 回调 .load(), ， 像这样：

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

Answer 4

由于AJAX的异步性质，您需要在负载回调函数中进行褪色。