Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/371.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/70.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Jquery完成动画回调_Javascript_Jquery_Html - Fatal编程技术网

Javascript Jquery完成动画回调

Javascript Jquery完成动画回调,javascript,jquery,html,Javascript,Jquery,Html,是的,因此正如标题所示,我无法完成#logo-side-opacity更改,即使代码的其余部分我认为它需要完整地添加到函数中,但不确定在哪里。。。有人能帮忙吗 $(document).ready(function () { setTimeout(function () { $("#loader-wrapper .loader-section, #textbit").hide("slow"); $("#logo").animate({

是的,因此正如标题所示,我无法完成#logo-side-opacity更改,即使代码的其余部分我认为它需要完整地添加到函数中,但不确定在哪里。。。有人能帮忙吗

$(document).ready(function () {
    setTimeout(function () {
        $("#loader-wrapper .loader-section, #textbit").hide("slow");
        $("#logo").animate({
            left: '-115px',
            top: '-60%'
        }, 'slow',
        function () {
            $("#logo-side").animate({
                opacity: 1
            }, 5000);
        });

        $("#wrapper").unwrap();
    }, 2000);
});
请求时的HTML代码

<div id="loader-wrapper">
    <div id="wrapper">
        <div id="logo"><a href="index.html">
            <img src="images/mthc/logo-main.png" height="130px" width="420px"></a></div>
        <div id="textbit" class="text">
            <p>
                <span class="word one"></span>
                <span class="word one">Music</span>
                <span class="word two">Expression</span>
                <span class="word three">People</span>
                <span class="word four">Potential</span>
            </p>
        </div>
    </div>

    <div class="loader-section"></div>
</div>


 <div id="logo-side" class="tile-area-title"><img src="images/mthc/logo-main2.png" height="130px" width="380px"></div>


音乐
表示
人
潜在的

显示
#徽标侧
不透明度
未在
css
处设置为
0

$(文档).ready(函数(){
setTimeout(函数(){
$(“#loader wrapper.loader section,#textbit”).hide(“slow”);
$(“#徽标”)。动画({
左:'-115px',
顶部:“-60%”
}“慢”,
函数(){
$(“#徽标侧”)。设置动画({
不透明度:1
},5000,函数(){
//在此处加载、初始化“multipushmenu”或其他“plugin”,
//确保动画完成;
//例如:。;
//$.getScript(“/path/to/plugin/plugin.js”)
});
});
$(“#包装器”).unwrap();
}, 2000);
});
#徽标侧边{
不透明度:0;
}


音乐
表示
人
潜在的


您需要这样的东西:

$(document).ready(function() {
     setTimeout(function() {
        $("#loader-wrapper .loader-section, #textbit").hide("slow");

        $("#logo").animate({
             left: '-115px',
             top: '-60%'
           },
           {
             easing: 'slow',
             complete: function(){
               $("#logo-side").animate({
                 opacity: 1
               }, 5000);
             },
             duration: 2000
           }
        });

      $("#wrapper").unwrap();
    }, 2000);
});

未测试。

Wut?没有休息时间。为什么他要把它增加到5000?这是我的说法,我希望logo的一面在2秒钟后淡入。如果你在页面上做任何事情,不透明度的动画就会停止,所以我想确保它完成,很简单,我可以看到,它按预期工作。你能用所有相关的CSS在JSFIDLE上复制你的问题吗too@havingagoatit我很高兴你发现了问题的根源。我真诚地希望你能找到解决办法;)没有OP已经在使用完整的回调这正是我试图做的,尽管这段代码不起作用。。。如何使完整的函数工作?@havingagoat此代码的行为与您的完全相同,只是关于选项。我不使用complete:尽管上面的代码不工作,但百分位是正确的@有一个目标是:
.animate(属性[,持续时间][,放松][,完成])
你正在传递
complete
函数,没有使用
properties
对象,但这是相同内容的简写注释不用于扩展讨论;这段对话已经结束。