wywołanie zwrotne do funkcji po zakończeniu .each()?

Question

Nie jestem pewien, czy jest to możliwe i jak to zrobić. Korzystam z następujących w odpowiedzi $ .ajax, który działa idealnie dobrze, jednak muszę zadzwonić do funkcji loadSlider(); PO zakończeniu pętli iteracji.

if (response.success) 
{ 
    $.each(response.screenshots, function(index, value) { 
     //add the slide 
     $('#slider1').prepend('<li data-id="'+value.screenshot_id+'"><img src="/showimage.php?show='+value.image_filename+'" alt=""></li>'); 
     //add the pager 
     $('#rslides-pager').prepend('<li><a href="javascript:;"># here</a></li>'); 
    }); 

    //want to call loadSlider(); AFTER everything above is completed       
} 

Answer 1

$.each() iteracje nad tablicy synchronicznie, więc może po prostu uruchomić swój kod po wywołaniu $.each();.

if (response.success) { 
    $.each(response.screenshots, function(index, value) { 
     // do stuff 
    }); 

    loadSlider(); 
} 

Jak wspomina AJAX: Tylko rzeczywista zwrotna sukces (czyli funkcja, która najprawdopodobniej zawiera kod, który pisał) jest wykonywane asynchronicznie. Dowolny kod wewnątrz tej funkcji działa synchronicznie (chyba że w tym miejscu wywołasz inną funkcję asynchroniczną).

Answer 2

można uruchomić suwak w ostatniej iteracji, to proste:

if(response.success) 
{ 
    var count = response.screenshots.length; 
    $.each(response.screenshots, function (index, value) { 
     //add the slide 
     $('#slider1').prepend('<li data-id="' + value.screenshot_id + '"><img src="/showimage.php?show=' + value.image_filename + '" alt=""></li>'); 
     //add the pager 
     $('#rslides-pager').prepend('<li><a href="javascript:;"># here</a></li>'); 
     if (!--count) { 
      //want to call loadslider(); after everything above is completed       
      loadslider(); 
     } 
    }); 
} 

Answer 3

jQuery ma jQuery.when(), to stanowi sposób wykonywania funkcji zwrotnych opartych na zero lub więcej przedmiotów, zazwyczaj przedmiotów odroczony reprezentujące zdarzenia asynchroniczne.

jquery $.when reference

Teraz w kodzie Być może:

if (response.success) { 
    var iterate = $.each(response.screenshots, function(index, value) { 
     // do stuff 
    }); 

    $.when(iterate) 
    .then( loadSlider, myFailure); 

} 

Pierwszą funkcją jest na sukces zwrotnego, a druga funkcja jest nie oddzwanianie.

Answer 4

$.each(response.screenshots, function(index, value) { 

    }).promise().done(function() { 
      //Completed 
}); 

Próbka:

if (response.success) 
{ 
    $.each(response.screenshots, function(index, value) { 
     //add the slide 
     $('#slider1').prepend('<li data-id="'+value.screenshot_id+'"><img src="/showimage.php?show='+value.image_filename+'" alt=""></li>'); 
     //add the pager 
     $('#rslides-pager').prepend('<li><a href="javascript:;"># here</a></li>'); 
    }).promise().done(function() { 
      //Completed 
     }); 


}