jquery fadeout,load,fadein

Question

我正在使用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

使用success回调.load(),如下所示:

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