排序和添加新画廊 - 从 Flickr 加载的图像

Question

我用 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 张照片（属性为 data-published 和 data-taken）。它应该使用在加载图库期间收集的数据。 我想在这个网站上制作它：http://mixitup.io/demos/template 但它对我不起作用。

第二个选项是创建和删除画廊的可能性 - 输入以输入新画廊（画廊名称 = 标签）和现有画廊列表以及要删除的链接。

Answer 1

看看@http://mixitup.io/#Methods >>>自定义数组排序

Syntax: $('#Grid').mixitup('sort',['custom',array]);

此方法将元素动画化为新的自定义顺序（不一定按特定属性排序）。新的顺序应该是一个目标元素的数组，每个元素都是一个 jQuery 对象，按所需的顺序排列。