javascript - JQuery each：单击后暂停和继续迭代

Question

$.getJSON('http://example.com', function(data) {

  $.each(data.songs, function(index, song) { 

    //Paused & waiting for a click

    $("#next").click(function() {
         alert("Processing the next object...");
    });

 });

我希望 JQuery 仅在用户单击 #next 元素后分析下一​​个对象。

我不需要“超时”，只需用户操作即可转到下一个对象

Answer 1

可能不是每个循环。您最好让您的点击功能捕获点击并根据您设置的指针处理项目列表中的项目。所以是这样的：

var jsonData = "";
var pointer = 0;
$.getJSON('http://example.com', function(data) {
    jsonData = data;
};
$("#next").click(function() {
    //process item described by pointer
    pointer = pointer + 1;
});