使用jQuery库Packey来制作卡片布局，我可以用导航链接重新订购

Question

当我点击相应的链接导航菜单时，我正试图使用Packey的fit方法将卡片移动到行的前面。以代码笔为例，这应该是可能的，但我想不通。

这就是我到目前为止所拥有的。当我点击项目时，它们会移动到前面。点击卡片会传递给家长，所以现在效果也很好。但我不知道如何使用点击链接来移动卡片。里面有一些代码，但它不起作用。它注册了点击，我已经用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]。