javascript - 使用 mix it up 在页面加载时过滤 "premium"选项

Question

我设置了一个显示大量列表的网格。在这些列表中是“高级”类别。即 - 食品 list 1、住宿 list 1、食品 list 2、高级食品 list 。

基本上，目前它们是按照它们在 HTML 中设置的顺序加载的。但我想在选择“全部”时首先列出“高级”列表，然后在选择类别“食品”时首先列出。

有人能帮帮我吗？在这里 fiddle - https://jsfiddle.net/r1yd01fq/2/

$('#Container').mixItUp();

Answer 1

这应该可以解决“全部”选项的问题

$(document).on("click", ".filter", function() {
  var choice = $(this).data("filter");
  switch (choice) {
    case "all":
      $("#Container div").attr("data-sort", 0);
      $("#Container div.premium").attr("data-sort", 1);
      break;
  }
  var d = $("#Container div");
  d.sort(function(a, b){
    return $(b).data("sort")-$(a).data("sort")
  });
  $("#Container").html(d);
});