javascript - 淡出负载然后淡入不起作用

所以伙计们，我有一堆用户可以完成的工作清单，将其他页面的内容加载到div中，结果是div的当前内容闪烁了（逐渐淡出然后再次出现），然后新内容出现了我想要的要做的是让fadein动画等待内容准备好加载，然后在div中淡入，这是iam当前正在使用的jquery代码

$(document).ready(function(){
    $("#History").click(function(){
        $('#Display').fadeOut("fast").load("History.php").fadeIn("fast");
    });
    $("#Items").click(function(){
        $('#Display').fadeOut("fast").load("SellerItems.php").fadeIn("fast");
    });
});

最佳答案

两件事：1，您需要在加载div之前隐藏div，2，准备好后淡入。

我将在此处设置不透明度的动画，而不是使用fadeIn进行更好的控制：

$("#History").click(function(){
    $('#Display').css('opacity', 0).load("History.php", function() {
        $(this).animate({ opacity: 1 }, 'fast');
    });
});

关于javascript - 淡出负载然后淡入不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/20656804/