jquery - Jquery每个循环，然后等待点击

Question

我真的很想知道如何让它工作（或者即使有可能），但我需要做的是在每个循环中：

每个循环的开始 更改 iframe 的源 等待框架加载 运行一个修改页面内容的 get 然后等待用户单击 2 个按钮之一 循环中的下一个项目

用jquery可以吗？到目前为止，我有：

$.each(arr, function (index, value) {

var url = this.url;
$('#frameid').attr('src',url);
//need to wait for iframe to finish loading here
$.get("ajax.php", {action:'findfields',url:url}, function(result){
    //do some stuff which I already have working
});
//wait for button click and then next in loop

});

Answer 1

一个暂定的解决方案是简单地将其余代码绑定到负载处理程序，并使用函数递归进行迭代。

var arr = [...];
var index = 0;

function iterate() {
    var url = this.url;
    $('#frameid').attr('src',url);
    $('#frameid').unbind("load");
    $('#somebutton').unbind("click");

    //need to wait for iframe to finish loading here
    $('#frameid').on("load",function(){
        $.get("ajax.php", {action:'findfields',url:url}, function(result){
            //do some stuff which I already have working
            $("#somebutton").click(iterate);
        });
    });
    index++;
});