我使用Flickr api制作一个简单的画廊:
HTML:
<div id="html"><h4>Tag: html</h4></div>
JS:
<script>
$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?",
{
tags: "html",
tagmode: "any",
format: "json"
},
function(data) {
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).attr("data-published", item.published).attr("data-taken", item.date_taken).appendTo("#html").wrap("<a href='" + item.link + "'></a>");
if ( i == 3 ) return false;
});
});
</script>
显示4张带指定标签的照片。现在我想做出排序选项。排序应显示按照已发布或拍摄日期排序的4张照片(属性是数据发布和数据拍摄)。它应该使用加载库中收集的数据。 我托盘就像在这个网站上一样:http://mixitup.io/demos/template 但它对我不起作用。
第二个选项是创建和删除图库的输入 - 输入以输入新图库(图库名称=标记)和现有图库列表以及要删除的链接。
答案 0 :(得分:0)
看看@ http://mixitup.io/#Methods&gt;&gt;&gt;按自定义数组排序
Syntax: $('#Grid').mixitup('sort',['custom',array]);
此方法将元素设置为新的自定义顺序(不一定按特定属性排序)。新订单应该是目标元素的数组,每个元素都是jQuery对象,按所需顺序排列。