dongwen5336 2013-07-11 13:11
浏览 64
已采纳

jQuery:同位素,按日期排序

I'm having some trouble sorting isotope elements by dates, the elements being wordpress posts, thus the date getting pulled in by 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
    }
});
    });

  });

This doesn't seem to work, I can't find a solution that does. The date can be in any format if that helps, but I'm not exactly sure how to then sort these posts by date (descending). Any suggestions would be greatly appreciated!

  • 写回答

1条回答 默认 最新

  • doumengwei0138 2013-07-11 13:13
    关注

    Format your dates to Unix Timestamp first. That way you sort by a integer value. Pass your time-string to strtotime() to convert it easily.

    Then I don't really temember, but I think you need to set the default sorting as well. Set that to time in that case.

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论

报告相同问题?

悬赏问题

  • ¥15 metadata提取的PDF元数据,如何转换为一个Excel
  • ¥15 关于arduino编程toCharArray()函数的使用
  • ¥100 vc++混合CEF采用CLR方式编译报错
  • ¥15 coze 的插件输入飞书多维表格 app_token 后一直显示错误,如何解决?
  • ¥15 vite+vue3+plyr播放本地public文件夹下视频无法加载
  • ¥15 c#逐行读取txt文本,但是每一行里面数据之间空格数量不同
  • ¥50 如何openEuler 22.03上安装配置drbd
  • ¥20 ING91680C BLE5.3 芯片怎么实现串口收发数据
  • ¥15 无线连接树莓派,无法执行update,如何解决?(相关搜索:软件下载)
  • ¥15 Windows11, backspace, enter, space键失灵