jquery-masonry

2热度

2回答

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

0热度

1回答

jquery砌体不适应移动视口

我有两个Jquery砌体的安装，就我而言，彼此是相同的。其中一个调整为移动视口，另一个不调整。当我做手机故障排除，由砖石写的风格第一： <div id="list_of_albums" style="position: relative; height: 484.656px;" class="masonry"> 第二： <div id="post-area" class="masonry"

0热度

1回答

砌体中有空格但所有细胞具有相同的宽度

很奇怪，砖石缺少大的空间，但所有li具有相同的宽度： HTML： <div class="one-gallery"> <section class="grid-wrap"> <ul class="one-grid"> <li class="grid-sizer"></li> <li

0热度

1回答

砌体中心物品

我试图在Masonry网格中居中放置物品。我已阅读并尝试了很多关于将网格本身居中的相关文章，但没有为这些文章提供任何帮助。我试过到目前为止：添加/删除排水沟添加/删除的fitwidth选项试图容器尝试添加上添加margin 0 auto /删除容器上的宽度。我创建了一个片段来表示问题 $(document).ready(function() { var $containe

0热度

1回答

在同位素砌体jQuery插件中显示静态块

我使用的WordPress主题是使用同位素jQuery插件在我的网站here中显示pinterest像瓦片结构。我试图在其他瓷砖之前显示静态全宽度瓷砖，以添加网站的小型说明以及用于SEO目的。但其他瓷砖重叠，看不清楚。我期待在页面顶部显示一个完整宽度的块，在这个图像中就像这样。于是，我就从Masonry Isotope website使用这样的事情， jQuery('.index-isotop

1热度

1回答

jQuery的 - 用imagesLoaded插件infinitescroll装载微调

我使用（石工+ imagesLoaded + infinitescroll）以下this例如，一切工作正常，除了装载微调，imagesLoaded完成之前是隐藏的，这里是我的代码： var $container = $('#masonry-grid'); // Masonry + ImagesLoaded $container.imagesLoaded().progress(function

0热度

1回答

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

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

0热度

1回答

砌体高度的砌体

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

0热度

1回答

砌体JS忽略CSS转换

我目前有一个问题，当点击更改高度我的div。我正在使用砌体和引导程序来显示卡片布局，并展开卡片以揭示有关点击的更多信息，但只能将列内的卡片向下移动而不是连续移动。当我试图用CSS添加转换时，它被忽略，并且div仅切换'.open'类的新高度。感谢您的帮助！下面是该项目的Codepen供参考：https://codepen.io/silasisland/pen/YrXPov HTML <main>

0热度

1回答

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

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