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...");
    });

 });

ユーザーが #next 要素をクリックした後にのみ、JQuery が次のオブジェクトを分析するようにします。

「タイムアウト」は必要ありません。次のオブジェクトに移動するためのユーザーアクションだけです

Answer 1

おそらく each ループではありません。クリック関数でクリックをキャプチャし、設定したポインターに基づいてアイテムのリストからアイテムを処理することをお勧めします。だから、このようなもの：

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