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

Using jQuery library Packery to make a card lay-out I can re-order with navigation links

本文关键字：我可以 导航 链接 新订购 布局 Packey jQuery 使用      更新时间：2023-09-26

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

这就是我到目前为止所拥有的。当我点击项目时，它们会移动到前面。点击卡片会传递给家长，所以现在效果也很好。但我不知道如何使用点击链接来移动卡片。里面有一些代码，但它不起作用。它注册了点击，我已经用console.log验证了这一点，但随后它给出了以下错误：

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

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

我做错了什么？

提前感谢！

这就成功了：

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

该方法需要在DOM元素上调用，不适用于jQuery选择器。您可以通过将[0]附加到选择器来实现它，如下所示：$（"#someId"）[0]。

相关文章：