问题标签 [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.
javascript - Packery 保存订单并重复使用订单
任何人都可以帮助我如何在拖动时保存包装元素的顺序。然后按照保存的顺序重新排序包装项目。?这是我之前使用的代码
这是javascript代码。
提前致谢。:)
javascript - 附加 Packery.js 的问题
我正在尝试将“单击”上的现有页面内容附加到网格的末尾,但没有运气。Codepen 文档中的示例创建了一个div
,而我试图从现有的网格项中提取数据packery.('getItemElements')
,而它返回一个 HTML 元素数组,当我附加到网格时,原始项移动并且旧项消失但不是之前Packery已经将元素放置在之后,留下了一点白洞。
这是我到目前为止所拥有的:
你可以在这里看到这个,在顶部的主网格轮播中:
javascript - 展开项目后对 Packery 库使用鼠标操作
我在David DeSandro 的“Packery - 为项目宽度和高度设置动画,具有响应式大小”的 Codepen 上做了一个分叉(单击)。正如您所看到的,当您单击项目内的按钮时,它会展开并且黑色覆盖整个画布。再次单击它,收缩并且黑色消失了。我无法理解的是,当有人在展开时单击项目外部时,例如在<body>
项目合同上,黑色色调消失了。如果有人能帮我解决这个...
javascript - 似乎无法找到和切换已经展开的类
我发现以下代码与 Packery 结合使用可在单击时扩展和缩小块。我想添加到代码中,当单击一个块时,当前扩展的所有其他块都缩小到其原始大小,因此当时只扩展了 1 个块。
这是代码
这是我找到的代码笔 http://codepen.io/anon/pen/myLbmP
我一直在尝试使用 .not 选择器,但我似乎无法重写它以使其正常工作。提前致谢
java - 由 html 发起的 Packery。我如何实现 imagesLoaded?
我正在使用 packery 创建一个网站,并且正在尝试使用 imagesLoaded 修复一些布局问题。我通过这样的html启动packery:
我正在尝试像这样使用 imagesLoaded:
但它不起作用,我不知道该怎么做:(
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:
jquery - 如何重置 Packery 实例并重新初始化
如何重置包装?
如果我使用packery('destroy')
它会重置结构,但在重新初始化时它会丢失订单实例总是给出相同的索引号....
我厌倦了重新初始化整个元素,但双重绑定让生活变得更加困难。
javascript - 加载字体后使用 Google WebFontLoader 调用脚本
我想在加载所有字体后使用 Google 的 WebFontLoader 调用 javascript 函数。
我要调用的脚本是 Packery 和 imagesloaded:
我的问题是我不知道如何让它工作?
jquery - 打包 + ajax 加载的内容 + 重新布局打包
我正在使用 Metafizzy 的 Packery 库创建一个布局,其中列出了帖子标题和缩略图。单击这些后,我将隐藏初始内容,然后 ajax 加载帖子的其余部分以替换该初始内容。
我正在寻找有关如何重新布局包装的提示,因为我无法使其正常工作。也许我的 ajax 函数需要有所不同才能正常工作。ajax 加载有效,但打包中存在重叠问题。
无论如何。我准备好了关于 ajax + packery 的任何提示和技巧。
使用此效果的网站示例。 http://www.prohelvetia.ch/mobile http://www.typetoken.net/(虽然这个只是添加,不删除初始内容)
javascript - 使用 jQuery 库 Packery 制作卡片布局,我可以使用导航链接重新排序
当我点击相应的导航菜单链接时,我正在尝试使用 Packery 的fit 方法将卡片移动到行的前面。通过codepen上的示例这应该是可能的,但我无法弄清楚。
这就是我到目前为止所拥有的。当我点击它们时,它们会被移到前面。卡片上的点击会传递给父级,因此现在也可以正常工作。但我不知道如何使用点击链接来移动卡片。里面有一些代码,但它不起作用。它注册了点击,我已经用 console.log 验证了这一点,但是它给出了这个错误:
(导航卡可以通过点击标题打开,然后点击“视觉”应该将视觉卡移动到 0,0 位置。)
我究竟做错了什么?
提前致谢!