如何使用jquery同位素按日期(新)排序

Question

原谅我,因为我对JS有点新手,只知道足以操纵.

对于那些熟悉Isotope(http://isotope.metafizzy.co/docs/sorting.html)的人,我在页面顶部有一个按钮按日期排序.同位素找到元素

<span class="date"> 01/04/2012 </span>

有了这个:

$container.isotope({
    getSortData : {
        date : function ( $elem ) {
        return $elem.find('.date').text();
}});

哪个工作正常,但我需要翻转(降序)日期顺序

同位素有一个功能:

$('#container').isotope({ 
  sortBy : 'date',
  sortAscending : false
});

但我无法让它工作 - 只是按默认设置按日期排序,而不是在我点击时排序.我认为这只是一个语法问题......我如何/在哪里可以放置sortAscending:false？

谢谢...

编辑从Demos查看一些来源,我看到:

<a href="#sortAscending=false">

可以做到,但我已经通过传递这个来排序:

<a href="#sortBy=date">

通过日期信息找到了之前的跨度...

Answer 1

这是我如何做到的,jsFiddle

$container.isotope({
    itemSelector: '.element',
    getSortData: {
        date: function ($elem) {
            return Date.parse($elem.find('.date').text());
        }
    }
});

日期的格式似乎并不重要,并且可以上升和下降.

parse()方法解析日期字符串并返回日期字符串与1970年1月1日午夜之间的毫秒数.

基本上它会将您的日期字符串转换为易于比较的漂亮实数.