Javascript Jquery完成动画回调
是的,因此正如标题所示,我无法完成#logo-side-opacity更改,即使代码的其余部分我认为它需要完整地添加到函数中,但不确定在哪里。。。有人能帮忙吗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({
$(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
对象,但这是相同内容的简写注释不用于扩展讨论;这段对话已经结束。