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

Question

我必须动画div。我需要确保在点击按钮时旧 div完全淡出，然后让 new 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();
});