jquery-masonry

0热度

1回答

我尝试了一切，并搜索了这个问题，但无法解决它。看起来像.grid已经添加了一个额外的100px，这是不受欢迎的，并与我的布局混淆。我做错了什么？所示的额外添加的高度 Link 1px border yellowbox：.grid 1px border绿盒子：.grid-item 的CSS： .grid { border: 1px solid yellow; width: 5

1热度

1回答

PJAX /砌体在Firefox中失败

在我的wordpress网站（http://goo.gl/J8qrSE）我正在使用Masonry（masonry.desandro.com）和PJAX（https://github.com/defunkt/jquery-pjax）进行过渡。一切工作正常在Chrome浏览器& IE浏览器，但在Firefox的主页加载正常，你可以点击一个画廊（再次，工作正常），但是当你点击标志返回首页所有砖石图像是

1热度

1回答

防止砌体网格重新排列

我有一个完全流体的包装布局的砌体网格设置。但是，在调整浏览器大小时，网格会自行重新排列。我想保持网格完全静态。的jsfiddle：http://jsfiddle.net/5gL8bz3e/1/ 这里是我的CSS： body { overflow-y: scroll; } .grid-item, .grid-sizer { width: 5.3125vw;

0热度

2回答

在砌体视图中增加顶部位置

在砌体视图中，我想增加顶部位置。此刻，顶部位置自动设置。我怎样才能增加它？从砖石JS 我的jQuery代码 <script>$(document).ready(function() { $('.grid').masonry({ itemSelector: '.grid-item', columnWidth: 170, gutter: 20,

0热度

2回答

使用Kaminari和Masonry时显示的结果相同

我使用Kaminari，Masonry和无限滚动的附加组件。我用砖石进行了无限滚动，但每次进入页面并看到项目列表时，它都会再次呈现相同的项目至少25次，当只有26个时，会给我列出650个列出的项目。我的代码位于下方，问题我问是为什么会发生这种情况？ items_controller.rb def index @items = Item.order("created_at DESC").p

0热度

1回答

如何调整columnWidth中块被重新

我想列到最小宽度，所以我使用下面的代码来确定每个列应该是建立什么大小前： jQuery(document).ready(function() { var $container = $('#items'); var numCols = Math.floor(window.innerWidth/290); var newWidth = Math.floor(window.

0热度

1回答

砌体+使用Jquery加载更多功能

我需要一个认真的帮助。我用砌体布局创建了一个页面，我需要添加一个加载更多的效果。请参见下面的结构： <div id="main-container"> <div class="item">Content Here... 1 </div> <div class="item">Content Here... 2 </div> <div class="item">Content Here...

0热度

1回答

使用砌体布置物品

我正在使用波旁及其附带的网格框架整洁地创建一个网站，并希望将砌体整合到布局区域以显示新闻文章。我想我已经把所有东西都设置了正确，但是看起来砌体的计算有些偏离，因为应该并排坐的物品只是将一个物品叠放在另一个下面。对于我的布局，我使用Neat的标准@include span-columns() mixin以及文章元素上的flexbox，以便我可以在文章中布局元素。我已经包含了grid-sizer

0热度

1回答

Ember-cli，砌体，同位素，包装。如何使用？

我需要在我的ember-cli项目中使用它们。如何开始？我所著的终端： bower install isotope --save 然后在我的烬-CLI-build.js我加app.import ecc...，但我不知道该怎么办。哪里把我的intialization脚本，像这样： $('.grid').isotope({ // options itemSelector: '

0热度

1回答

如何从同位素砖石

我使用的同位素砌体画廊，但发现很难除去行之间的顶部/底部的空白顶部/底部边缘（见图片）我怎样才能去做这个？我正在使用的代码是基于以下几点： http://simbyone.com/animated-masonry-gallery-with-filters/ 如前所述，我直接使用的代码从上面包括JavaScript和CSS该网址。对于图像的HTML是使用PHP，但输出创建如下： <div id=