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

jquery - 与Packery一起使用时Jquery Append Overlaying

对于我的生活,我一直无法弄清楚为什么 div(包含图像)落后于现有的 div 而不是追加。

基本上,带有图像的附加 div 落后于现有 div 而不是附加。当我删除 Pickery 时,它可以正常工作,但需要 pickery 的功能才能获得正确的布局。

下面是我用来初始化 Packery 并在滚动时触发追加的内容。

的HTML...

该网站住在这里(请原谅内容,没有淫秽......):http ://review.marijuanaselfies.com/

我已经添加了这个问题的 jsfiddle 处理。http://jsfiddle.net/36da6jha/5/

非常感谢!!!

0 投票
1 回答
76 浏览

javascript - AngularJS从指令更新范围变量

我正在使用angularpackery的小部件面板。

我想要做的是在将一个元素拖到我的 $scope 项目上的范围变量“订单”之后绑定打包程序设置的订单,这样我就可以做一些事情,比如稍后保存订单我遇到了 $apply 方法,但我不确定如何正确调用它。我是角度的新手。任何帮助表示赞赏。

请看我的小提琴 http://jsfiddle.net/7c3ff83f/4/

0 投票
0 回答
213 浏览

javascript - 如何解决packery的排水沟问题?

我在尝试将 50% 的面板设置为 8px 的装订线时遇到问题,但它似乎为 50% 的项目在该行的最后一个子项上附加了额外的填充,从而使 50% 的项目与自己的行分开,是反正我可以解决这个问题吗?

我试过了

尽管这确实将它们放在正确的行上,但它并没有与 100% 面板正确对齐

http://jsfiddle.net/xn6ff5aj/

0 投票
1 回答
205 浏览

angularjs - 著名的砌体视图

有人知道如何在 Famo.us Angular 中归档砌体视图吗?交付的网格视图非常好,但不支持单击和调整一个表面大小并围绕它对齐其他表面。

我目前正在构建一个 2 行和多列的表面。单击一个 Surface 时,它​​应调整为 2 行 2 列的大小,并在其右侧附加 3 个其他元素。

我还尝试在 famo.us 表面中包含砖石、同位素或包装 div。但它没有用。

有没有人得到一些好的建议,在当前的 famo.us 状态下哪种方法更好?

问候

迈克尔

0 投票
1 回答
482 浏览

javascript - jquery isotope 最大化项目以适应父容器

我有一个固定的高度和宽度容器(2480px x 3508),我想动态填充内容。内容介于 6-12 张图片之间。我的问题是如何根据图像的总数和容器的大小动态调整图像的大小。这些图像的大小都大致相同,只是根据它们的方向略有不同。所以基本上当有更多图像时,它们会更小,而当图像更少时,它们会更大,它们会尽可能地填充容器。

我还没有找到任何与此匹配的同位素演示?我知道还有包装和砖石。

任何想法、提示或示例都会很棒。

谢谢!

0 投票
1 回答
102 浏览

jquery - 在响应式网格中更改图像

我希望创建一个具有不同大小图像的响应式网格,类似于http://packery.metafizzy.co/但也将这些图像换掉。我发现一些东西可以改变与正方形大小相同的图像,但希望换出不同大小的元素。类似于 instagram 所做的事情。

http://instagram.com/universityofwesternsydney

有这样的jquery插件吗?

0 投票
1 回答
2359 浏览

jquery - Packery 和 imagesLoaded 插件不起作用?

我在网站上使用 Packery 并下载了 imagesLoaded,但我的图像在页面加载时仍然重叠。该网站可以在这里看到,我的代码如下:

任何帮助将不胜感激。

编辑: html 代码如下所示:

等等

0 投票
1 回答
636 浏览

javascript - 使用 packey 和 draggabilly 拖放后更改 DOM 顺序

这段代码有一个错误

http://codepen.io/desandro/pen/cbhDG

当我将“第一个”项目拖到“最后一个”时,DOM 不会改变并且控制台中会出现错误。

有任何想法吗?我真的很难找到错误。

我会感谢你所有的帮助

该示例使用:packery.metafizzy.codraggabilly.desandro.com

0 投票
1 回答
670 浏览

javascript - AngularJS ng-repeat 和 Packery.js

我正在尝试在 angularJS 应用程序中实现打包。

当我一一手动定义项目时(请参阅注释的 html 代码),Packery 工作正常。当我尝试用 ng-repeat 循环做同样的事情时,packery 不起作用。

如何在 angularJS 模板中使用 ng-repeat 使 packery 工作?

模板:

角度指令,基于: http ://codepen.io/gruntruk/pen/Cpewt/

0 投票
2 回答
251 浏览

javascript - Packery - jquery show/hide 有效,但不是其他方式

我在使用 Packery 时遇到了一个奇怪的问题。下面是我的代码。

如果我从下拉菜单中选择时从显示(默认)切换到隐藏,它工作正常。

当我在加载时隐藏它并想在我从淹没中选择时显示该类时,它不起作用。它总是向我显示最后一张照片。

我似乎无法弄清楚问题所在。有人可以帮忙吗?