Javascript 同位素:分类和砌石布局

Javascript 同位素:分类和砌石布局,javascript,jquery,sorting,jquery-isotope,Javascript,Jquery,Sorting,Jquery Isotope,当我对不同高度的项目进行排序,然后应用砌体布局时,排序会中断,因为砌体会重新排列项目。下面是我的意思的一个简单的拼凑: 使用的代码: var isotope = $container.isotope({ itemSelector: '.box', getSortData: { customValue : function ($el) { return $el.data('value'); } } }); $('#

当我对不同高度的项目进行排序,然后应用砌体布局时,排序会中断,因为砌体会重新排列项目。下面是我的意思的一个简单的拼凑:

使用的代码:

var isotope = $container.isotope({
    itemSelector: '.box',
    getSortData: {
        customValue : function ($el) {
            return $el.data('value');
        }
    }
});

$('#sort').on('click', function(e) {
    isotope.isotope({ 
        sortBy: 'customValue', 
        sortAscending: true
    });
});
如果单击“排序项目”按钮并查看第三行,您将看到排序为“七、六、八”的框,而不是“六、七、八”的框


不幸的是,订购的叉形砌体已经过时,因此是否有解决方案请

看起来第三排和后面的中间柱的高度稍高一些。这可能是将行的最低值放在此处的原因。是的,我想处理具有不同高度的项目的排序。排序的基本内容是针对library massy.js,而不是同位素的砌体布局模式。如果要使用同位素v2,可以尝试此操作。可能是最接近你能与砌体布局,因为它实际上是做什么,它应该与不同的高度。我已经尝试了你的插件,但它不工作,谢谢你的建议无论如何