[jQuery] 使用Queue逐步運行事件

如果我們要讓不同的事件分開進行,這時候就必須用到Queue

例如,我們要使一個版面淡出後改變內容再淡入。

1
2
3
4
$('#div_question')
.fadeOut()
.$(ClickItem(index))
.fadeIn();

如此一來淡出和淡入就會衝突,所以必須用到Queue

1
2
3
4
5
6
7
$('#div_question')
.fadeOut()
.queue(function () {
ClickItem(index);
$(this).dequeue();
})
.fadeIn();

記得要dequeue才會執行下一個動作。