javascript - 在此队列函数中使用 jquery next()

Question

我正在阅读有关 jquery queue() 的文章 here .第一个答案非常全面:

var theQueue = $({}); // jQuery on an empty object - a perfect queue holder

$.each([1,2,3],function(i, num) {
  // lets add some really simple functions to a queue:
  theQueue.queue('alerts', function(next) { 
    // show something, and if they hit "yes", run the next function.
    if (confirm('index:'+i+' = '+num+'\nRun the next function?')) {
      next();
    }
  }); 
});

// create a button to run the queue:
$("<button>", {
  text: 'Run Queue', 
  click: function() { 
    theQueue.dequeue('alerts'); 
  }
}).appendTo('body');

// create a button to show the length:
$("<button>", {
  text: 'Show Length', 
  click: function() { 
    alert(theQueue.queue('alerts').length); 
  }
}).appendTo('body');

jsfiddle

不过，我不明白 next()(第 8 行)是如何工作的。我知道，如果我将其注释掉，“下一步”确认框将无法弹出，直到我再次按下按钮，但我认为 next() 主要用于遍历 dom。不过，在这里，它似乎是在告诉函数再次运行。

此外，如果 confirm 框的排队在 each() 函数内，为什么没有 next()?

Answer 1

next 是要排队的回调函数中的一个参数。 不要将它与用于 DOM 导航的 jQuery 集合方法 .next() 混淆。

实际上，您可以在回调中随意设置参数 as I demonstrate here .名称 next 不是特别重要；它在文档中才有意义。

这个参数本身是一个函数(回调)，由 jQuery 的内部传递给 .queue。