jQuery插件MixItUp实现动画过滤和排序

<div id="Container"> 
  <div class="mix category-1" data-my-order="1"> ... </div> 
  <div class="mix category-1" data-my-order="2"> ... </div> 
  <div class="mix category-2" data-my-order="3"> ... </div> 
  <div class="mix category-2" data-my-order="4"> ... </div> 
</div> 

class="filter" data-filter=".category-1">Category 1 
class="filter" data-filter=".category-2">Category 2 

class="sort" data-sort="my-order:asc">Ascending Order 
class="sort" data-sort="my-order:desc">Descending Order 

#Container .mix{ 
  display: none; 
} 

$(function(){ 
  $('#Container').mixItUp();  
});