Javascript 使用jQuery library Packer制作卡片布局,我可以使用导航链接重新订购

Javascript 使用jQuery library Packer制作卡片布局,我可以使用导航链接重新订购,javascript,jquery,html,packery,Javascript,Jquery,Html,Packery,当我点击一个导航菜单上相应的链接时,我正试图使用Packer's将一张卡移动到行的前面。这应该是可能的,但我想不出来 当我单击项目时,它们会移动到前面。点击卡片会传递给家长,这样现在也可以了。但是我不知道如何使用点击链接来移动卡片。里面有一些代码,但不起作用。它注册了单击,我已经用console.log验证了这一点,但是它给出了以下错误: cannot call methods on packery prior to initialization; attempted to call 'fit'

当我点击一个导航菜单上相应的链接时,我正试图使用Packer's将一张卡移动到行的前面。这应该是可能的,但我想不出来

当我单击项目时,它们会移动到前面。点击卡片会传递给家长,这样现在也可以了。但是我不知道如何使用点击链接来移动卡片。里面有一些代码,但不起作用。它注册了单击,我已经用console.log验证了这一点,但是它给出了以下错误:

cannot call methods on packery prior to initialization; attempted to call 'fit'
单击标题可以打开导航卡,然后单击Vision应将Vision卡移动到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]