同位素按日期排序

时间:2016-01-26 22:39:04

标签: jquery isotope

我试图获得同位素V2.2.2)在此页面上按日期排序:http://www.vanadiumcorp.com/blog-test,但文章未按日期排序。似乎是随机出现的。

以下是我正在使用的代码:

jQuery(document).ready( function($) {
  $(window).load(function() {
                $('#itemListPrimary').isotope({
                    itemSelector: '.itemContainer',
                    /*percentPosition: true,*/
                    masonry: {
                        columnWidth: '.grid-sizer'
                    },
                    getSortData: {
                    byDate: function ($elem) {
            return Date.parse($elem.find(time).attr('datatime'));
                }
                    },
                    sortBy: 'byDate',
                    sortAscending: false
                });
            });
        });

我也尝试过:

return $elem.find(time).attr('datatime');

但这也不起作用。

我没有收到任何JS错误。

HTML代码块如下所示:

<div class="masonary-content-wrapper">
  <div class="page-header">
    <h2 itemprop="name">
  </div>
  <dl class="article-info muted">
    <dt class="article-info-term"> Details </dt>
    <dd class="published">
      <span class="icon-calendar"></span>
      <time itemprop="datePublished" datetime="2014-08-11T09:43:32-07:00"> August 11, 2014 </time>
    </dd>
  </dl>
</div>

感谢任何帮助,找出如何通过时间标记的日期时间字段中的日期对文章进行正确排序。

谢谢

1 个答案:

答案 0 :(得分:0)

这应该有效:

byDate: function ($elem) {
    return Date.parse($($elem).find(time).attr('datetime'));
}