我正在尝试使布局混合宽度/高度固定框以使用Packery进行工作。
虽然我可以使Packery正常工作，并且将其布置得很好-我需要知道布局完成后屏幕上显示的顺序（而不是DOM的顺序），以便在某些情况下可以对某些块进行一些调整它之前是另一种特定的块类型。
我有三个'块大小'-100%，33.3333%（1/3）和66.6667%（2/3）。这意味着，在某些情况下，如果有一个狭窄的块（1/3）可以放置在更小块的旁边，则块在屏幕上的位置与DOM不同（例如，更高的块）。
基本上，我需要此解决方案（拖放后刷新项目的索引/位置），但是在加载时：https://codepen.io/desandro/pen/mdJnF。该SO帖子也提出了这一点（稍有不同，解决方案是相同的）：Determine the alignment order of the items with packery
[当我尝试实现代码以获取元素及其位置时，它只会吐出DOM顺序，将所有内容扔掉。我无法为自己的生活弄清楚为什么它不起作用。
在此处提供简化的测试用例：https://jsfiddle.net/4q73tbwe/1/
所以，我找出了问题所在。
默认情况下，布局方向是垂直的。将选项horizontal定义为true解决了此问题，现在我获得了正确的索引号。