jQuery Isotope — 按类别排序，但指定哪个最先出现

Question

我正在寻找一种排序行为，它可以匹配特定类别并将其置于列表的前面。就像过滤器一样，只不过不删除其他项目。

想象同位素网格中的这些类别项:

• 红色
• 绿色
• 蓝色
• 红色
• 绿色
• 蓝色

如果我按类别排序，它会按字母顺序显示:

• 蓝色
• 蓝色
• 绿色
• 绿色
• 红色
• 红色

我想要的是将特定类别 float 到前面，例如“绿色”，就像这样:

• 绿色
• 绿色
• 红色
• 红色
• 蓝色
• 蓝色

这可能吗？

我尝试为每个类别添加一个 getSortData 函数，如下所示:

      green : function( $elem ) {
        var $greenItems = $elem.filter('.green');            
        var $otherItems = $elem.filter(':not(.green)');
        return $greenItems.add($otherItems);
      }
      // repeat for blue, red, etc

但这并没有奏效。

Answer 1

这对我有用:

green : function( $elem ) {
    var isGreen = $elem.hasClass('green');
    return (!isGreen?' ':'');
},
// etc

演示:http://jsfiddle.net/Yvk9q/9/