2013-07-11 84 views
0

我在按日期排列同位素元素時遇到了一些麻煩,元素是WordPress的帖子,因此日期被php拉進去。
HTML/PHP:jQuery:同位素,按日期排序

<div id="blog-grid"> 

<div class="blog-grid date" data-time="<?php the_time('Y-m-d H:i:s') ?>"> 
</div> 

<div class="blog-grid-text date" data-time="<?php the_time('Y-m-d H:i:s') ?>"> 
</div> 

</div> 

的jQuery:

$(window).load(function(){ 

var $container = $('#blog-grid'); 

$container.imagesLoaded(function(){ 
$container.isotope({ 
    itemSelector: '.blog-grid, .blog-grid-text', 
sortBy: { 
    time: function($elem) { 
     return $elem.find('.date').attr('data-time'); 
    } 
    }, 
    animationEngine: 'best-available', 
    masonry: { 
    columnWidth: 3, 
    gutterWidth: 20 
    } 
}); 
    }); 

    }); 

這似乎並沒有工作,我無法找到一個解決方案,它。日期可以是任何格式,如果有幫助,但我不確定如何按日期排序這些帖子(降序)。任何建議將不勝感激!

回答

1

首先將您的日期格式化爲Unix時間戳。這樣你按整數值排序。將您的時間字符串傳遞給strtotime()以輕鬆轉換。

然後我沒有真正記住,但我認爲你也需要設置默認排序。在那種情況下將其設置爲time

+0

這似乎是有道理的,轉換爲unix很簡單,你指的是'默認排序',但是呢?在同位素功能? – user1374796

+0

是的,我記得你可以在同位素的選項中設置默認的排序方法。我不知道這是否是必需的,但我認爲它會以任何方式工作:) – Eric