Jquery ui 在第一个动画结束时运行第二个jquery动画

我创建了一个简单的js横幅。 首先，一个公司的名字会从左边进入中间，然后在一个图像标志中消失

html

js

结果是两个动画同时开始，这不是我想要的。

对动画使用回调：

$("#companyname")
    .css({left:left})
    .animate(
        {"left":"120px"},
        {
            duration:1000,
            easing:'easeOutBounce',

            complete: function () {
                $("#logo").fadeIn(1500);
            }
        }
    );

试试这把小提琴：

您可以使用第二个fadein作为第一个fadein完成时的参数

$(document).ready(function() {
var left = $('#companyname').offset().left;
$("#companyname").css({left:left}).animate({left:"120px"}, 1000, 'easeOutBounce',
   function() {
        $("#logo").fadeIn(1500);
    }
)}); 

---

我问之前试过这个语法。这是行不通的。徽标不会显示。这是与上面您所说的解决方案相同的解决方案。小提琴也显示出它工作得很好。徽标不显示，因为图像不在css中指定的位置。我用工作图像更新了小提琴：

$(document).ready(function() {
    var left = $('#companyname').offset().left;
    $("#companyname").css({left:left}).animate({"left":"120px"}, {duration:1000, easing:'easeOutBounce'});

    $("#logo").fadeIn(1500);

    }

  );

$("#companyname")
    .css({left:left})
    .animate(
        {"left":"120px"},
        {
            duration:1000,
            easing:'easeOutBounce',

            complete: function () {
                $("#logo").fadeIn(1500);
            }
        }
    );

$(document).ready(function() {
var left = $('#companyname').offset().left;
$("#companyname").css({left:left}).animate({left:"120px"}, 1000, 'easeOutBounce',
   function() {
        $("#logo").fadeIn(1500);
    }
)});