Question

我是新来的，我对jQuery的功能有问题 - “animate”

function myFunction(newpage) {
$('#loader').animate({opacity: 0.0}, 400, 'linear', function(){
    // callback of fadeOut()
    $(this).load(newpage + ".php #toload", function(){
        // callback of load()
        $('#loader').animate({opacity: 100.0}, 400, 'linear', function(){
            //callback of fadeIn()
            // (not relevant for my problem, I think)
            $.getScript("js/test.js");
        });
      });
   });
}

我的问题是：第一个“animate”就像魅力一样，但第二个“animate”正确加载新内容，没有动画（简单的“淡入淡出”）。

任何人都可以帮助我吗？谢谢你的建议！

P.S。对不起我的英文

Answer 1

动画正在运行，但速度太快，以至于您无法看到它，因为您已在400毫秒内指定opacity:100;

使用{opacity: 1;}因为不透明度最大值为1和min。值为0

Answer 2

您可能想要查看类似这样的内容

$('#loader').hide().fadeIn(400, function () {
    ...
});

动画函数jQuery

2 个答案: