将facebook相册嵌入网站

Question

我已经使用图表API来获取相册，我将所有相册都放到了我的网站中，但当刷新页面时相册的位置发生了变化。为什么会发生？

我在这里附上我的脚本。

<script> 
$(document).ready(function() { 
    var albumIdsUrl = "https://graph.facebook.com/<myname>/albums?callback=?"; 

    $.getJSON(albumIdsUrl, function(data) { 
     var len = data.data.length; 
     for(var i=0;i<len;i++){ 
      var aid = data.data[i].id; 
      getAlbumCoverPhoto(data.data[i].cover_photo, data.data[i].id, data.data[i].name, data.data[i].count); 
     } 
    }); 

}); 

function getAlbumCoverPhoto(coverPhoto, albumId, albumName, count) { 
     var coverPhotoUrl = "https://graph.facebook.com/" + coverPhoto + "?callback=?"; 
      $.getJSON(coverPhotoUrl, function(coverPhotoData) { 
       if(typeof(coverPhotoData.picture)!="undefined"){ 
         htmlData = '<li><figure><a class="imageLink" href="fb_album_photos.html?id='+ albumId + '"><img src="' + coverPhotoData.picture + '" /></a></figure><figcaption>'+albumName+'</br>'+count+' Photos</figcaption></li>'; 
         $('#FBalbum').append(htmlData); 
       } 
      });    
    } 
</script> 

Answer 1

被返回的数据并不总是以相同的顺序排列，所以如果需要一致的结果，它需要排序。

这似乎是工作好（但它可以被清理了一下）：

$.getJSON(albumIdsUrl, function(data) { 
    var len = data.data.length; 
    data.data.sort(function(a, b) 
    { 
     if (a.id == b.id) return 0; 
     if (a.id < b.id) 
      return -1; 
     else 
      return 1; 
    }); 
    for(var i=0;i<len;i++){ 
     var aid = data.data[i].id; 
     getAlbumCoverPhoto(data.data[i].cover_photo, data.data[i].id, data.data[i].name, data.data[i].count); 
    } 
});