jQuery Flickrush - 环绕图像的<li> </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/