问题标签 [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.
jquery - 与Packery一起使用时Jquery Append Overlaying
对于我的生活,我一直无法弄清楚为什么 div(包含图像)落后于现有的 div 而不是追加。
基本上,带有图像的附加 div 落后于现有 div 而不是附加。当我删除 Pickery 时,它可以正常工作,但需要 pickery 的功能才能获得正确的布局。
下面是我用来初始化 Packery 并在滚动时触发追加的内容。
的HTML...
该网站住在这里(请原谅内容,没有淫秽......):http ://review.marijuanaselfies.com/
我已经添加了这个问题的 jsfiddle 处理。http://jsfiddle.net/36da6jha/5/
非常感谢!!!
javascript - AngularJS从指令更新范围变量
我想要做的是在将一个元素拖到我的 $scope 项目上的范围变量“订单”之后绑定打包程序设置的订单,这样我就可以做一些事情,比如稍后保存订单。我遇到了 $apply 方法,但我不确定如何正确调用它。我是角度的新手。任何帮助表示赞赏。
请看我的小提琴 http://jsfiddle.net/7c3ff83f/4/
javascript - 如何解决packery的排水沟问题?
我在尝试将 50% 的面板设置为 8px 的装订线时遇到问题,但它似乎为 50% 的项目在该行的最后一个子项上附加了额外的填充,从而使 50% 的项目与自己的行分开,是反正我可以解决这个问题吗?
我试过了
尽管这确实将它们放在正确的行上,但它并没有与 100% 面板正确对齐
angularjs - 著名的砌体视图
有人知道如何在 Famo.us Angular 中归档砌体视图吗?交付的网格视图非常好,但不支持单击和调整一个表面大小并围绕它对齐其他表面。
我目前正在构建一个 2 行和多列的表面。单击一个 Surface 时,它应调整为 2 行 2 列的大小,并在其右侧附加 3 个其他元素。
我还尝试在 famo.us 表面中包含砖石、同位素或包装 div。但它没有用。
有没有人得到一些好的建议,在当前的 famo.us 状态下哪种方法更好?
问候
迈克尔
javascript - jquery isotope 最大化项目以适应父容器
我有一个固定的高度和宽度容器(2480px x 3508),我想动态填充内容。内容介于 6-12 张图片之间。我的问题是如何根据图像的总数和容器的大小动态调整图像的大小。这些图像的大小都大致相同,只是根据它们的方向略有不同。所以基本上当有更多图像时,它们会更小,而当图像更少时,它们会更大,它们会尽可能地填充容器。
我还没有找到任何与此匹配的同位素演示?我知道还有包装和砖石。
任何想法、提示或示例都会很棒。
谢谢!
jquery - 在响应式网格中更改图像
我希望创建一个具有不同大小图像的响应式网格,类似于http://packery.metafizzy.co/但也将这些图像换掉。我发现一些东西可以改变与正方形大小相同的图像,但希望换出不同大小的元素。类似于 instagram 所做的事情。
http://instagram.com/universityofwesternsydney
有这样的jquery插件吗?
javascript - 使用 packey 和 draggabilly 拖放后更改 DOM 顺序
这段代码有一个错误
http://codepen.io/desandro/pen/cbhDG
当我将“第一个”项目拖到“最后一个”时,DOM 不会改变并且控制台中会出现错误。
有任何想法吗?我真的很难找到错误。
我会感谢你所有的帮助
javascript - AngularJS ng-repeat 和 Packery.js
我正在尝试在 angularJS 应用程序中实现打包。
当我一一手动定义项目时(请参阅注释的 html 代码),Packery 工作正常。当我尝试用 ng-repeat 循环做同样的事情时,packery 不起作用。
如何在 angularJS 模板中使用 ng-repeat 使 packery 工作?
模板:
javascript - Packery - jquery show/hide 有效,但不是其他方式
我在使用 Packery 时遇到了一个奇怪的问题。下面是我的代码。
如果我从下拉菜单中选择时从显示(默认)切换到隐藏,它工作正常。
当我在加载时隐藏它并想在我从淹没中选择时显示该类时,它不起作用。它总是向我显示最后一张照片。
我似乎无法弄清楚问题所在。有人可以帮忙吗?