javascript - 使用 jQuery 库 Packery 制作卡片布局，我可以使用导航链接重新排序

Question

当我点击相应的导航菜单链接时，我正在尝试使用 Packery 的fit 方法将卡片移动到行的前面。通过codepen上的示例这应该是可能的，但我无法弄清楚。

这就是我到目前为止所拥有的。当我点击它们时，它们会被移到前面。卡片上的点击会传递给父级，因此现在也可以正常工作。但我不知道如何使用点击链接来移动卡片。里面有一些代码，但它不起作用。它注册了点击，我已经用 console.log 验证了这一点，但是它给出了这个错误：

cannot call methods on packery prior to initialization; attempted to call 'fit'

（导航卡可以通过点击标题打开，然后点击“视觉”应该将视觉卡移动到 0,0 位置。）

我究竟做错了什么？

提前致谢！

Answer 1

这成功了：

$("#navigation-list li").click(function() {
    var moveThis = this.id.replace('-button','');
    $container.packery( 'fit', document.getElementById(moveThis), 200, 0 );    
  });

该方法需要在 DOM 元素上调用，不适用于 jQuery 选择器。您可以通过将 [0] 附加到选择器来使其工作，如下所示：$("#someId")[0]。