jQuery砌体项目订单

我怎样才能让砌体更尊重原来的项目顺序呢？我想订购海豚、鱼类、无脊椎动物、鳍足动物：

var $container = jQuery('.tax-product_cat #content');
$container.imagesLoaded( function(){
    $container.masonry({
        itemSelector: 'li.product',
        gutterWidth: 22
    });
});

---

砌体插件没有提供太多的方式或排序选项，正如您在其应用程序中看到的那样。然而，同一作者的同位素插件确实提供了过多的排序选项

正如您所知，您可以像这样包装所有jQuery代码

（函数（$）{//your code here}）（jQuery）

这是排序参考。
此外，文档还指定了一些附加的排序参数：


“原始顺序”将使用项目元素的原始顺序在布局中排列它们
“随机”是一个随机顺序

这里有一个简单的演示，展示了使它工作的一切。尝试和摸索代码正在做什么，并调整您的代码来做同样的事情。如果它没有像你想要的那样对它们进行排序，试着找出你需要的模式。是否查看getSortData对象<代码>类别

是您定义的内容。这完全是武断的。您可以向后创建

类别，只需编写函数以正确的方式返回数据

jquery可以让sort像

1, 2, 3
4, 5, 6
7, 8, 9

最新的砌体结构使用
horizontalOrder:true
设置支持订单。
您可以根据需要更改
sortAscending
标志。var$container=jQuery（'.tax-product_cat#content'）$container.imagesLoaded（function（）{$container.isototype（{itemSelector:'li.product'，getSortData:{category:function（el）{//el指的是与
itemSelector
return el.find（'h3'）.text（）.trim（）；}匹配的每个项），sortBy:'category'，sortAscending:true，Massey:{columnWidth:245，gutterWidth:22}）；在上面的例子中，排序似乎没有任何效果。我得到的结果与Mashise相同。您正在检查开发控制台吗？我看到了大量错误。未捕获类型错误：Object#没有方法“addTest”jquery.isotox.min.js:11未捕获类型错误：无法读取未定义的cornforth.js:23未捕获类型错误：Object的属性“prototype”[对象]没有方法“同位素”cornforth.js:5你能检查一下我提供的演示吗？如果你能让它工作，你能接受我的回答吗？谢谢。遗憾的是，这个插件只适用于2.0版。出于我的需要，我可以降级到Mashesis v2.x。谢谢！你确定吗？我正在使用9.2.0版，并且遇到与t相同的问题海报中的元素顺序取决于图像加载的顺序。
1, 2, 3
4, 5, 6
7, 8, 9