flickr API to html gallery by jQuery

Question

這是我第一次在網站上道歉，如果這是在那裏錯了論壇。

我想從我的網站上的燈箱畫廊的flickr設置圖像。光庫需要的照片編碼方式如下：

<ul> 
    <li data-type="media" data-url="FULL SIZE URL"></li> 
    <li data-thumbnail-path="THUMBNAIL URL"></li> 
</ul> 

我想插入照片在一個div我命名爲<div id="test"><div>這是我的javascript我諮詢弗裏克API常見問題和尋找其他的代碼後進行：

$(function() { 

$.ajax({ 
    url: 'http://api.flickr.com/services/rest/', 
    data: { 
     format: 'json', 
     method: 'flickr.photosets.getPhotos', 
     api_key: 'MY KEY', 
     photoset_id: 'THE SET I'M USING', 
     per_page: '50' 
    }, 
    dataType: 'jsonp', 
    jsonp: 'jsoncallback' 
}).done(function (data) { 
    var gallery = $('#test'), 
     url; 
$.each(data.photoset.photo, function (index, photo) { 
     url = 'http://farm' + photo.farm + '.static.flickr.com/' + 
      photo.server + '/' + photo.id + '_' + photo.secret; 
     $('<ul>') 
      .append($('<li>').prop('data-url', url + '_b.jpg').prop('data-type', 'media')) 
      .append($('<li>').prop('data-thumbnail-path', url + '_s.jpg')) 
     .appendTo(gallery); 
    }); 
}); 

目前，我把javascript放在我的html頁頭中，但是當我運行頁面時div是空的。

我錯過了什麼？

謝謝！

更新1：我錯過了在js代碼末尾的});。謝謝@dfsq 現在我們已經添加了部分工作，但flickr數據仍然沒有被傳遞給li道具。這裏是什麼正在插入

<ul> 
    <li></li> 
    <li></li> 
</ul> 

更新2片段：通過改變每個.prop到.attr剩下的問題已經解決了....

Answer 1

修正JS如下：

$(function() { 

$.ajax({ 
    url: 'http://api.flickr.com/services/rest/', 
    data: { 
     format: 'json', 
     method: 'flickr.photosets.getPhotos', 
     api_key: 'MY KEY', 
     photoset_id: 'THE SET I'M USING', 
     per_page: '50' 
    }, 
    dataType: 'jsonp', 
    jsonp: 'jsoncallback' 
}).done(function (data) { 
    var gallery = $('#test'), 
     url; 
$.each(data.photoset.photo, function (index, photo) { 
     url = 'http://farm' + photo.farm + '.static.flickr.com/' + 
      photo.server + '/' + photo.id + '_' + photo.secret; 
     $('<ul>') 
      .append($('<li>').attr('data-url', url + '_b.jpg').attr('data-type', 'media')) 
      .append($('<li>').attr('data-thumbnail-path', url + '_s.jpg')) 
     .appendTo(gallery); 
    }); 
    }); 
});