masonry

1热度

1回答

我试图在jQuery中用脚本更改砌体的列数。这个脚本减少了砌体容器的最大宽度，只强制显示一列。脚本工作得很好，因为我需要双击才能完成我的更改。 ¿是否有可能只需点击一下就可以完成？这是我的脚本： $('.grid').masonry({ itemSelector: '.grid-item', columnWidth: '.grid-sizer', percentPo

0热度

1回答

如何将砌体应用到由ajax附加的项目

我有一个图片网格，在移动视图（320 X 480）中，有一个“加载更多”按钮。容器格如下： <div id="divMoments" class="grid" data-masonry='{ "itemSelector": ".grid-item"}'> <div class="grid-item"> <div class="gridContainer"> <img

1热度

1回答

地铁网格样式

我试图实现类似下面的页面： https://undsgn.com/uncode/homepages/blog-metro/ 我已经尝试过，并能来尽可能接近这样的：https://jsfiddle.net/futu7t1c/ 但我怎么能得到那些2 small-thumbs在底部向上移动？顺序为大，小，小，大，小，小 <div id="blog-posts"> <div class="grid b

0热度

1回答

砌体高度的砌体

我已经使用砌体的几件事情，但想尝试一个新的效果，在我的眼睛涉及设置的高度（或可能不需要）。这是我想要得到的效果：的方式我已经走了它是添加2个额外的类称为水平和垂直的，各有不同的高度。这似乎是好的。我遇到的问题是它没有产生砖石效应。我已经将一个codepen链接到了我目前为止和标记/ jquery匹配的地方。 https://codepen.io/amymatrix/pen/wrBYPK HTML

0热度

1回答

砌体问题 - 图像首先垂直加载，然后重新排列。

示例 - http://paulmatheson.net/photography/nature.html 我的砖石代码： <script type="text/javascript"> var $container = jQuery('#masonry-grid'); $container.imagesLoaded(function() { $container.masonry({

0热度

1回答

三列响应砌体栅格

我想在桌面上显示3列砌体图像网格，并在设备上显示单列。随着plunk在手机上的工作，但在桌面上失败（两幅图像之间的差距很大）。我曾尝试设定百分比宽度，但没有运气 https://plnkr.co/edit/g75ClJU4VJWgJbfiKYdu?p=preview .block{ float: left; margin: 2px 2px 2px 2px; width

0热度

1回答

发布标题在砌体中显示不正确

我在砌体上有问题http://greeninvites.com/product/页面。第一列中的最后一个砖石项目溢出到第二列。帖子标题'YG1 Tools'位于第二列的开头。我很难解决这个问题。我需要做些什么修改来解决这个问题。

0热度

1回答

laramix与vue-masonry软件包错误

我正在laravel 5.4项目上工作。问题是vue-masonry（https://github.com/shershen08/vue-masonry）包不与下面的错误 [Vue warn]: Failed to resolve directive: masonry [Vue warn]: Failed to resolve directive: masonry-tile 工作，请帮我检

2热度

2回答

砌体网格重叠页脚内容

我已经使用砌体布局grid类和grid-items是列。我正在加载砌体加载事件如下 $(window).load(function() { $('.grid').masonry({ // options itemSelector: '.grid-item', horizontalOrder: true, isAnimated: true, ani

0热度

1回答

如何使用vueisotope插件与Vue公司的WebPack模板（目前得到一个错误）

Vue公司 - 砌体/砖石依赖没有找到我是很新，Vue公司和和的WebPack跑进一个问题，尝试使用在我的项目中使用this template构建的同位素。从vueisotope安装和导入的同位素成一个组件后，我得到了以下错误： This dependency was not found: * masonry/masonry in ./node_modules/isotope-layout/js