Php jQuery:同位素,按日期排序
我在按日期对同位素元素进行排序时遇到了一些问题,这些元素是wordpress帖子,因此日期被php拉入 HTML/PHP:Php jQuery:同位素,按日期排序,php,jquery,html,sorting,jquery-isotope,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_
<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>
这似乎不起作用,我找不到有效的解决方案。如果有帮助的话,日期可以是任何格式,但我不确定如何按日期对这些帖子进行排序(降序)。如有任何建议,将不胜感激 首先将日期格式化为Unix时间戳。这样就可以按整数值排序。将您的时间字符串传递到,以便轻松转换
那么我就不需要真正的temember了,但是我认为您也需要设置默认的排序。在这种情况下,将其设置为
time
。这似乎是有道理的,转换到unix很容易,但“默认排序”指的是什么?在同位素功能中?是的,我记得您可以在同位素选项中设置默认排序方法。我不知道这是否是必需的,但我认为这两种方式都可以:)
$(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
}
});
});
});