同位素:按类别和按日期排序

时间:2012-03-11 14:44:06

标签: jquery sorting posts jquery-isotope

我正在使用ISOTOPE并且有6个类别。每个类别都有任意数量的帖子。

我有一个指向每个类别的链接列表,当点击类别名称时(例如:艺术家)我需要将该艺术家类别中的所有框移到顶部并按日期排序,最近显示的框最先显示

在我的JS文件中,我有这个:

$container.isotope({
    itemSelector : '.module',
    getSortData : {
      artists : function( $elem ) {
        return $elem.attr('artists');
      }
    }
  });

我的HTML看起来像这样:

<div class="module artists" data-category="artists">
<p class="date">01/02/12</p>
<img src="../url.jpg" />
<p>Link title</p>
</div>

这段代码似乎没有按我想要的方式排序,也不知道如何调整它,有人可以帮忙吗?

1 个答案:

答案 0 :(得分:2)

这就是我真正需要做的事情:

getSortData : {
  blogs : function( $elem ) {
    var isBlog = $elem.hasClass('blogs');
    return (isBlog?' ':'') + $elem.find('.date').text();
  }
}

如需完整答案,请查看此帖子:Isotope: Select and display .xx class at the top