JQuery Isotope命令不准确地排序div

时间:2013-02-28 13:55:12

标签: jquery jquery-isotope

我的网址是leftsideart(dot)co(dot)nz

我正在使用以下同位素设置:

jQuery('#post-area').isotope({
    animationOptions: {
        duration: 750,
        easing: 'linear',
        queue: false
    },
    getSortData : {
        number : function( $elem ) {
        return parseInt( $elem.find('.order').text(), 10 );
        }
    },
    sortBy : 'number',
    sortAscending : true,
    animationEngine : 'jquery'
});

var jQuerycontainer = jQuery('#post-area');
jQuerycontainer.imagesLoaded( function() {
    jQuerycontainer.isotope();
});

但是我的div没有正确排序。同位素肯定会影响顺序,因为我试图在我的wordpress循环中回显随机数而不是递增数字而且div会相应地进行随机播放。

另外,为了确保,当我将更改'sortAscending'更改为false时,div的一般顺序会反转。

Isotope是否仅提供一般顺序而非精确排序?

1 个答案:

答案 0 :(得分:0)

对于类似的问题,这对我有用

layoutMode: 'cellsByColumn',
cellsByColumn: {
  columnWidth: 240,
  rowHeight: 360
}

docs在这里http://isotope.metafizzy.co/v1/demos/layout-modes.html