问题标签 [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 回答
1389 浏览

requirejs - 未捕获的错误:脚本错误:isotope/js/layout-mode

我需要使用(这是独立包)isotope.pkgd.js 和 packery-mode 作为我项目的 LayoutMode。我使用 require.js 将我的 js 东西连接到 AMD 中。
下面是我的html代码:

我的 RenderLayout.js

所以当我运行我的代码时。我收到以下错误,它无法找到此文件 layout-mode.js。我不知道为什么会出现砌体错误。我试图在这里使用打包模式。此外,我们是否必须专门添加 isotope 正在寻找的这个 layout-mode.js。我尝试查找,但没有找到任何可以下载的同名文件。

先感谢您。希望能找到解决办法。谢谢, 卡斯图里

0 投票
1 回答
396 浏览

meteor - 更新集合时 MeteorJS 和 Packery 布局不会重新渲染

我正在将 MeteorJS 集合与 Packer 集成以实现类似 Pinterest 的界面。

我有一个问题,当一个新项目被添加到由 Packery(或 Masonry,同一个问题)呈现的集合中时,新项目只是漂浮在容器的左上角,而不是通过 Packery 布局处理器运行.

0 投票
2 回答
60 浏览

javascript - Javascript .on 函数针对字符串变量具有的所有值运行,而不仅仅是其当前值

我正在使用 Packery JS 创建卡片布局。在这个布局中,我使用fit 方法移动东西。移动完成后,我滚动到移动的 div;我等待fit 完成事件,然后使用 jQuery 的 scrolltop 滚动到有问题的 div。这是我目前用于滚动部分的代码:

在第一次单击时,它按预期工作,这是移动 div#vision 的输出:

但在第二次点击(移动 div#project-6)时出错了:

它首先滚动到 project-6,然后立即转到 moveItem 的前一个值 vision。在随后的点击中,列表只会变长。

所以我的问题是:为什么要记住 moveItem 变量的先前值?我怎样才能阻止它这样做?

就上下文而言,这是我正在使用它的网站。有问题的代码可以通过搜索“//Move function”找到。

提前致谢!

0 投票
0 回答
93 浏览

javascript - packery.js 与其他几个 js 包并尝试使用 fit 将项目单击到窗口的中心

我在 fullpage.js 实例内的 flickity.js 实例内构建了一个 packery.js 实例。

一切都很好,除了我无法让打包方法适合点击以将点击的项目(也在扩展)移动到视口的中心。工作示例。

我什至尝试过 scrollTo 和 scrollTop - 在其他时候。

这是我的代码。packery 实例位于第二部分 - 您必须向下滑动才能找到它。

请帮忙!如果可以的话,我可以了解更多信息,请告诉我您是如何找出冲​​突或错误的。

代码笔示例

我的代码示例

开始第 115 行

0 投票
1 回答
950 浏览

jquery - 固定导航和标题 - 滚动时出现故障(性能缓慢)

我正在开发一个使用带有可拖动模块的 Packery(Masonry) 的项目。

模块所在的主容器是可滚动的,而标题和侧面导航应保持固定。

它们确实保持固定,但是我遇到了一个奇怪的错误,当滚动模块时,固定元素也会滚动,然后当用户单击其他地方时会跳回。

它肯定在 Chrome 上最显着地发生。

http://hub.yfish.co.uk/testing/pms(packery)/

这在包括 FF 在内的一些浏览器上效果不佳,但在 IE11 上可以正常工作。 从立场来看:固定的性能问题 这是我第一次遇到这个问题,所以放轻松!

提前致谢

0 投票
1 回答
324 浏览

javascript - 如何通过单击按钮删除包装

我正在尝试在我的项目中使用 packery jquery 插件。一切正常,但只有当我单击右上角的最小化按钮时,我才需要删除 packery。我该怎么做,请帮助我的朋友。

这是我的代码

js代码

谢谢

0 投票
2 回答
1385 浏览

javascript - 以编程方式重新排序或移动 Draggable + Packery (Masonry) 中的元素

这是一个小提琴:http: //jsfiddle.net/bortao/00uvL60c/1/

当我按“向左移动”/“向右移动”时,我想向左/向右发送块。我通过使用el.insertBefore(el.prev())/将它重新插入到 dom 结构上来做到这一点,el.insertAfter(el.next())但这不起作用,因为它保持left/top坐标,并且如果有的话,也不要触摸包装内部结构。

如果我拖动块它可以工作。在右下角我显示结果,packery('getItemElements')但这是只读的。

有没有办法做到这一点?

0 投票
1 回答
100 浏览

javascript - 同位素包装扩展状态定位问题

我正在开发一个使用带有组合过滤器的同位素包装的网站,点击时处于展开状态。我还使用 sort-by 'random' 对页面加载时的拇指进行排序。

我遇到的问题是,每当我单击未过滤的拇指时,该项目都会在展开之前返回到其按“名称”排序的位置。

此外,如果我选择一个过滤器(在示例中尝试“b”)然后单击一个拇指,则该项目在展开/翻转之前返回其未过滤状态 x 和 y 坐标。

有没有办法禁用上述功能,使其以原始/过滤状态 x 和 y 坐标打开?

每当我单击第二个缩略图时,我还希望第一次单击展开状态返回到未展开状态 - 有谁也知道如何实现这一点?

我的例子在这里:

http://www.ilabdesign.net/test/index.html

谢谢您的帮助!

0 投票
1 回答
318 浏览

javascript - 如果我在数组中推送其他小部件,Packery 无法在 AngularJS 上运行

我现在搜索了相当长的时间,但仍然找不到解决问题的方法。我对packery一无所知,但我发现这段代码可以完美运行并且可以完成我想做的事情。

所以当我有一个小部件数组时,它工作得很好,我没有添加或删除一个元素,而只是使用 ng-show 来隐藏/显示它们。现在我不再想使用 ng-show,而是从初始的空数组中添加和删除我的小部件

因此,唯一可以拖动的小部件是那些最初在数组中的小部件。我在页面加载后添加的任何小部件都将不起作用。我是角度新手,我正在阅读 $scope.apply 并重新编译指令,但我不确定它是否与我的问题有关

0 投票
1 回答
314 浏览

ajax - 通过 AJAX 加载时,Packery 没有安排额外的 div

我正在使用packery以砌体格式排列博客文章。这适用于最初显示在页面上的帖子,但是当我加载新帖子时 - 当点击分页链接时 - 通过 AJAX 帖子只是被添加到容器中,但没有“重新打包”或以砖石格式重新排列.

我正在使用 WordPress 并使用我自己的 AJAX 调用,请参见下面的代码:

谁能指出我正确的方向,即在通过 AJAX 加载我的帖子后如何再次调用 packery 以砌体格式重新排列我的帖子?

谢谢。