jQuery .each 루프가 완전히로드되도록 iframe을 일시 중지합니다.

Question

로드 할 iframe 루프를 일시 중지해야합니다. 이것을 할 수있는 방법이 있습니까? 콜백 등을 조사해 보았습니다. iframe src가 완전히로드되었는지 확인해야하므로 시간 초과를 원하지 않습니다.

$.ajax({ 
    type:'post', 
    traditional: true, 
    url: '/Reportedit/exportPdfCharts', 
    dataType: 'json', 
    cache: 'false', 
    contentType: 'application/json; charset=utf-8', 
    success: function(data) { 

    $.each(data, function() { 

     var url = "/Reportedit/createonechart"; 

     $("#iframe-chart").attr("src", url); 

     //NEED TO PAUSE HERE UNTIL iframe source has completely loaded. 


    }); 

    } 
}); 

Answer 1

코드가 이러한 경우를 나타내는 것으로 보이므로 다른 iframe 소스가 아닌 동일한 iframe 소스를 업데이트하고 있다고 가정합니다. 어느 쪽이든, 아래 코드를 수정할 수는 있지만 같은 iframe에 대한 것입니다.

당신은 부하 이벤트 원본을 업데이트 할 때마다 해고 감지하고 당신이

이

$.ajax({ 
    ... 
    success: function(data) { 
     loadFrame(data, 0); 
    } 
}); 


function loadFrame(arr, i) { 
    //tell it what to do when the frame loads, but just once, since we 
    //are incrementing i 
    $('#iframe-chart').once('load', function(){ 
    if (i<arr.length) { loadFrame(arr, i++); } 
    }); 
    var url = "/Reportedit/createonechart"; 
    //you'll need some logic here to figure out which url to load 
    $("#iframe-chart").attr("src", url); 
});