jquery fadeout,load,fadein

前端之家收集整理的这篇文章主要介绍了jquery fadeout,load,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",xhr) {
    if (status == "error") {
        // handle error
    }
    else
    {
        $(this).fadeIn();
    }
});

猜你在找的jQuery相关文章