確保我的循環在運行函數之前完全完成？

Question

我創建了一個循環，模板我的數據，然後將其附加到選定的div，我想確保這些數據已完全模板化和注入之前我運行我的下一個功能，所以我真的需要的東西就像一個回調功能。任何人都可以提醒我怎麼做到這一點？

JS

// Template slideshow 
for (var i = 0, len = data.films.length; i < len; i++) { 
    var dataPath = data.films[i]; 
    var tmp = '<li><img src="http://dummyimage.com/300/000/' + dataPath.id + '" /><h2>' + dataPath.title + '</h2></li>'; 

    $('.slides').append(tmp); 
} 

// Want to run this once Im sure all data has been templated and injected 
$('.flexslider').flexslider({ 
    animation: "slide" 
});​ 

Answer 1

你並不需要一個回調。您創建的代碼始終在循環完成時注入。

Answer 2

// Template slideshow 
for (var i = 0, len = data.films.length; i < len; i++) { 
    var dataPath = data.films[i]; 
    var tmp = '<li><img src="http://dummyimage.com/300/000/' + dataPath.id + '" /><h2>' + dataPath.title + '</h2></li>'; 

    $('.slides').append(tmp); 

    // Want to run this once Im sure all data has been templated and injected 
    if (i==len) { 
     $('.flexslider').flexslider({ 
      animation: "slide" 
     });​ 
    } 
}