javascript - 如何使用 jquery isotope 按日期排序(新)

Question

请原谅我，因为我对 JS 有点新手，只知道足够的操作。

对于那些熟悉同位素 (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 ??

谢谢...

编辑查看演示中的一些来源，我看到:

<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 日午夜之间的毫秒数。

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