javascript - jQuery Flickrush - 在图像周围环绕 <li>

Question

我有这个 div 和无序列表:

<div id="flickr">
    <ul></ul>
</div>

我正在使用这个插件 - https://github.com/philipbeel/Flickrush

这是让它工作的 Javascript:

$(function() {
$("#flickr ul").flickrush({
    limit:20,
        id: "xxxxxxxx@xxx",
        random: false,
        ssl: true
}); 
});

现在它返回一个 <img>只有元素，但我需要它返回一个 <li><img></li>对于每个结果，正如我为 <li> 设置的样式一样以一种非常具体的方式。我知道是 this file我需要编辑，但似乎无法弄清楚如何将图像包装在列表项中。有帮助吗？

Answer 1

替换lines 59-63 :

flickrImage = $("<img/>").attr({
    src: item.media.m,
    alt: item.tags
});

与:

flickrImage = $('<li />').append(
    $("<img/>").attr({
        src: item.media.m,
        alt: item.tags
    })
);

这使用 .append()将 img 元素附加到新创建的 li。

它在这里工作:http://jsfiddle.net/33GVs/