jQuery:同位素,按日期排序

时间:2013-07-11 13:11:09

标签: php jquery html sorting jquery-isotope

我在按日期排序同位素元素时遇到一些麻烦,这些元素是wordpress帖子,因此日期被php拉进来。
HTML / PHP:

<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 个答案:

答案 0 :(得分:1)

首先将日期格式化为Unix时间戳。这样你就可以按整数值排序。将时间字符串传递给strtotime()即可轻松转换。

然后我真的没有成员,但我认为您还需要设置默认排序。在这种情况下,将其设置为time