链式延迟/队列不起作用

Question

我正在尝试替换元素的内容，几秒钟后做一些事情，然后半秒钟后将原始内容放回原处。这是我的代码：

.HTML：

<div id="swap">original text</div>

.JS：

var oldHtml = $("#swap").html();
$("#swap").html("new text").delay(2000).queue(function() {
    console.log('first queue');
    // do something cool
}).delay(500).queue(function() {
    console.log('second queue');
    $("#reportProblemFormContainer").html(oldHtml);
});

JSFIDDLE： http://jsfiddle.net/NDwG6/

输出为

first queue

为什么第二个延迟/查询不起作用？有没有办法让它工作？

Answer 1

调用 next() 以取消当前任务的排队。更新了 JSFiddle http://jsfiddle.net/NDwG6/1/