Question

我有一个关于jQuery的.animate类的问题。是否有可能为同一类的多个对象设置动画？不知怎的，它只是赢了工作。

这是一个关于它现在如何的想法

<div class="demo">
    <div id="box1">hello</div>
    <div id="box2">bye</div>
</div>

和javascript

function mySquare(name){

        this.animateMe = function(){
            $box = $("#" + name);

            function there(){
                $box.animate(
                {left: 450 }, 2000, function (){
                    //alert($box);
                    back();
                }
                );
            }

            function back(){
                $box.animate({left: 0 }, 2000, function (){
                    there();
                }
                );
            }

            there($box);
        };


    }

    var square1 = new mySquare("box1");
    square1.animateMe();

    var square2 = new mySquare("box2");
    square2.animateMe();

http://jsfiddle.net/9ccuxyhw/

在那里的第一个动画之后，只有第二个div继续动画并且有一个滞后为什么第一个div会停止动画？

比你的帮助

克里斯

Answer 1

更改

$box = $("#" + name);

到

var $box = $("#" + name);

它会起作用。

JSFiddle：http://jsfiddle.net/9ccuxyhw/1/

.animate不适用于多个对象

1 个答案: