Question

我有两个部门，想要链接他们的动画功能。但是我在第一个动画函数回调中有一些逻辑来更新值并将其显示到第一个分区＆amp;它工作得很好。问题是当第一个分区的动画结束时，第二个分区没有开始。我在第一个回调中通过了第二个div动画函数，没有发生任何事情。

jQuery代码：

$('#jq').animate({marginTop:-250+'px',height:250+'px'},2000,'easeOutBack',function(e){

                var counter = 0;
                var height = $(this).height();
                counter+=height/50;
                $('#jq-rating').text(counter);
                //$(noid).append(counter);
            $('#wordpress').animate({marginTop:-250+'px',height:250+'px'},2000,'easeOutBack',function(e){

                var counter = 0;
                var height = $(this).height();
                counter+=height/50;
                $('#wp-rating').text(counter);
                //$(noid).append(counter);

       });


       });

My JSFiddle code

Answer 1

它正常工作，但您无法看到，因为两个div都相互重叠。

添加此css：

#wordpress{
    margin-left:60px
}

更新了jsfiddle：http://jsfiddle.net/ashishanexpert/LSE8w/13/

我如何链接jQuery动画功能？

1 个答案: