jquery - 如何确保动画在队列中执行

Question

我必须为 div 设置动画。我需要确保在单击按钮时旧的div 完全淡出，然后让新的div 淡入。

showNews: function() {
    var start = this.counter * this.displayatonce;
    var end = this.counter * this.displayatonce + (this.displayatonce - 1);

    for (i=start; i<=end; i++) {
        this.news.eq(i).fadeIn();
    }

},

hideAllNews: function() {
    this.news.fadeOut();
},

navigateNews: function() {
    this.hideAllNews();
    this.showNews();
},

我该怎么做？

Answer 1

jQuery 的动画函数将回调函数作为参数。在其回调中的另一个动画之后启动要执行的动画。

例子：

elememtsToHide.fadeOut(function() {
  elementsToShow.fadeIn();
});