jquery - 使用 Packery 强制元素始终位于最后位置

Question

我想强制网格元素始终位于最后一个位置，即使在移动元素之后也是如此。

我认为一个好的方法是

//get the total number of items
var totalItems = $('.grid-item').length; 

//adjust the .last item to be the last item in the array ????
$('.last') grid order is totalItems + 1 

//layout items again
$grid.packery('layout');

..并在进行更改后执行。

我已经创建了一个完整的 fiddle ，除了使订单更新的魔法之外: https://jsfiddle.net/2buqd4nu/

我很乐意接受任何其他可以达到相同效果的方法。

Answer 1

内置的“append”方法确实如此，引用:

Adds and lays out newly appended item elements to the end of the layout.

更多信息:https://packery.metafizzy.co/methods.html#appended

如果您想要对数组有更多的控制权并且不怕破坏 Packery 文件，您可以调用 elems 数组。请参阅:https://packery.metafizzy.co/methods.html#getitemelements .

希望这有帮助!