链式延迟/队列无法正常工作?

时间:2014-01-07 17:50:28

标签: javascript jquery queue delay

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

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

为什么第二次延迟/阙没有工作?有没有办法让这个工作?

1 个答案:

答案 0 :(得分:2)

调用next()使当前任务出列。更新了JSFiddle http://jsfiddle.net/NDwG6/1/