如何在等待用户输入的同时暂停jQuery .each（）循环？

在继续迭代之前，我无法获得jQuery .each loop来等待用户输入。 这是我的代码（我评论过我想要发生的事情）：

      query("SELECT movies_dir FROM settings"); $row = $query->fetch(PDO::FETCH_ASSOC); date_default_timezone_set('UTC'); echo ""; ?>   var retval = "not done"; function EnterManually() { alert("Entering Data Manually"); //data has been entered manually so exit function & move ontop next index in loop in document.ready. retval = "done"; } function insertIntoDB(id,path) { var request = $.ajax({ url: "update_movie.php?id="+id+"&path="+path, type: "GET", dataType: "html" }); request.done(function(data) { if (data == 0) { alert("Movie Succesfully Inserted"); //data has been entered sucessfully (update movie returns 0) so exit this function & search_file function & move ontop next index in loop in document.ready. retval = "done"; } else if (data == 1) { alert("Unable to insert movie!"); //update_movie.php returns an error (returns 1), so exit this function but DON'T exit search_file function - wait for user to click on another set of details. retval = "not done"; } }); } var files = ; function Search_file(path) { var xmlhttp; xmlhttp=new XMLHttpRequest(); xmlhttp.open("GET","search_file.php?path="+path,false); //load search_file.php with movie xmlhttp.send(); //send file off $('#result').empty(); //clear div of content document.getElementById("result").innerHTML=xmlhttp.responseText; //load output into page }    
  $(document).ready(function() { $.each(files, function(key, value) { Search_file(""+"\\"+value); //iterate to next item in array & run search_file function }); });  
   

实质上，’files’变量包含文件路径的JSON数组。 对于数组中的每个索引， Search_file function在该路径上运行，该路径应显示该文件的搜索结果列表 – 调用并显示search_file.php页面。

当用户在显示的列表中单击任何这些结果时，它应该尝试将（通过InsertIntoDB函数，它调用update_movie.php文件）一条记录插入到数据库中。

如果该插入成功（ update_movie返回0）（或触发EnterManually函数），那么函数应该全部退出，并且.each循环应该移动到下一次迭代，再次关闭整个过程。

如果插入函数不成功（因此update_movie将返回1），则不会发生任何事情 – .each循环不应该递增。 相反，我们应该等待用户点击另一个结果。

目前，我无法让.each循环等到用户点击结果，它只是直接递增直到循环中的最后一项。

Answer 1

你可以一次浏览一个文件。

 var index = 0; $("#result").on("click", function(){ Search_file(""+"\\"+files[index]); index++; }); 

这个想法是每次你点击结果的div它将加载下一个文件。 我没有包含检查限制的代码，以及类似的东西。