问题标签 [packery]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
1145 浏览

javascript - Packery 保存订单并重复使用订单

任何人都可以帮助我如何在拖动时保存包装元素的顺序。然后按照保存的顺序重新排序包装项目。?这是我之前使用的代码

这是javascript代码。

提前致谢。:)

0 投票
2 回答
685 浏览

javascript - 附加 Packery.js 的问题

我正在尝试将“单击”上的现有页面内容附加到网格的末尾,但没有运气。Codepen 文档中的示例创建了一个div,而我试图从现有的网格项中提取数据packery.('getItemElements'),而它返回一个 HTML 元素数组,当我附加到网格时,原始项移动并且旧项消失但不是之前Packery已经将元素放置在之后,留下了一点白洞。

这是我到目前为止所拥有的:

你可以在这里看到这个,在顶部的主网格轮播中:

http://johnpett.com/youraudience/

0 投票
1 回答
52 浏览

javascript - 展开项目后对 Packery 库使用鼠标操作

我在David DeSandro 的“Packery - 为项目宽度和高度设置动画,具有响应式大小”的 Codepen 上做了一个分叉(单击)。正如您所看到的,当您单击项目内的按钮时,它会展开并且黑色覆盖整个画布。再次单击它,收缩并且黑色消失了。我无法理解的是,当有人在展开时单击项目外部时,例如在<body>项目合同上,黑色色调消失了。如果有人能帮我解决这个...

0 投票
1 回答
60 浏览

javascript - 似乎无法找到和切换已经展开的类

我发现以下代码与 Packery 结合使用可在单击时扩展和缩小块。我想添加到代码中,当单击一个块时,当前扩展的所有其他块都缩小到其原始大小,因此当时只扩展了 1 个块。

这是代码

这是我找到的代码笔 http://codepen.io/anon/pen/myLbmP

我一直在尝试使用 .not 选择器,但我似乎无法重写它以使其正常工作。提前致谢

0 投票
2 回答
124 浏览

java - 由 html 发起的 Packery。我如何实现 imagesLoaded?

我正在使用 packery 创建一个网站,并且正在尝试使用 imagesLoaded 修复一些布局问题。我通过这样的html启动packery:

我正在尝试像这样使用 imagesLoaded:

但它不起作用,我不知道该怎么做:(

0 投票
1 回答
320 浏览

javascript - Wordress and packery.js integration issues but works on non wordpress site

I am trying to use packery.js on my wordpress theme, but it doesn't work.

It works when i use the exact same code on a test html site. It also works in wordpress when i initiate it with the html method, but as i also needs to use "imageloaded" i have to make it work with java script.

My guess is that something in wordpress is disrupting my jQuery or something, but i don't know what i could be?

I have tried using different versions of jquery but it dosent work.

My script:

0 投票
1 回答
1201 浏览

jquery - 如何重置 Packery 实例并重新初始化

如何重置包装?

如果我使用packery('destroy')它会重置结构,但在重新初始化时它会丢失订单实例总是给出相同的索引号....

我厌倦了重新初始化整个元素,但双重绑定让生活变得更加困难。

0 投票
1 回答
220 浏览

javascript - 加载字体后使用 Google WebFontLoader 调用脚本

我想在加载所有字体后使用 Google 的 WebFontLoader 调用 javascript 函数。

我要调用的脚本是 Packery 和 imagesloaded:

我的问题是我不知道如何让它工作?

0 投票
2 回答
1063 浏览

jquery - 打包 + ajax 加载的内容 + 重新布局打包

我正在使用 Metafizzy 的 Packery 库创建一个布局,其中列出了帖子标题和缩略图。单击这些后,我将隐藏初始内容,然后 ajax 加载帖子的其余部分以替换该初始内容。

我正在寻找有关如何重新布局包装的提示,因为我无法使其正常工作。也许我的 ajax 函数需要有所不同才能正常工作。ajax 加载有效,但打包中存在重叠问题。

无论如何。我准备好了关于 ajax + packery 的任何提示和技巧。

使用此效果的网站示例。 http://www.prohelvetia.ch/mobile http://www.typetoken.net/(虽然这个只是添加,不删除初始内容)

0 投票
1 回答
72 浏览

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

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

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

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

我究竟做错了什么?

提前致谢!