代码之家  ›  专栏  ›  技术社区  ›  user2534723

jQuery Flickrush-将<li>包裹在图像周围

  •  2
  • user2534723  · 技术社区  · 11 年前

    我有这个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 我需要编辑,但似乎不知道如何将图像包装在列表项中。有什么帮助吗?

    1 回复  |  直到 11 年前
        1
  •  1
  •   Joe phenomnomnominal    11 年前

    代替 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/