.animate()队列选项说明



来自http://api.jquery.com/animate/:

queue:指示是否将动画放置在效果队列中的布尔值。如果为false,动画将立即开始。从jQuery 1.7开始,队列选项也可以接受字符串,在这种情况下,动画会添加到该字符串表示的队列中。

我希望添加到对象的动画应该在最后一个动画结束时开始。在jquery文档中,我认为为了实现这一点,必须将动画添加到队列中。如果我通过{queue:true},动画将添加到通用队列中,而在jQuery 1.7中,我可以通过{queue:"queue_foo"}将动画添加到某个队列中。我在代码中写了这个,但动画没有执行。

showedSlide.animate({
        left: -showedSlide.outerWidth()
    }, {queue: "left"});

每当新操作进入队列时,默认队列('fx')就会立即退出队列,而自定义队列则不会。你必须自己dequeue()

然而,我怀疑您尝试了默认队列,但它不起作用,所以您转向了自定义队列,因为除非指定queue: false动画,否则会排队,下一个动画会等待上一个动画完成后才能开始。但这仅适用于单个元素上的动画。如果在两个不同的元素上有两个动画,它们将并行执行。

你的showedSlide总是指同一个元素还是它会改变?

最新更新