自下而上的jQuery砌体
jQuery 砌体（jQuery Masonry）是一款基于 HTML 元素排列的 JavaScript 库，通过简洁的 API 接口，能够实现复杂的数据布局和动态效果。jQuery 砌体的工作原理是将每个元素视为一个瓦片，然后根据这些瓦片的尺寸和位置来计算它们在页面上的最终排列方式。
jQuery 砌体的主要优势包括：
- 简单易用：jQuery 砌体的 API 接口非常简单，易于上手，并且有许多可用的预设选项，能够快速实现各种数据布局和动态效果。
- 性能优越：jQuery 砌体使用 JavaScript 编写，比 CSS3 和 HTML5 的原生布局和动画效果要快得多，能够大幅提升网页的加载速度和用户体验。
- 灵活性高：jQuery 砌体能够实现各种数据布局和动态效果，包括循环排列、缩放、展开、折叠、滚动等，能够根据不同的需求和场景来构建各种不同的数据展示方式。
- 兼容性良好：jQuery 砌体适用于各种浏览器和操作系统，包括 IE6 及以上版本，能够实现跨平台的数据展示和交互。
jQuery 砌体的主要应用场景包括：
- 列表和卡片的排列：jQuery 砌体能够将列表和卡片等元素按照指定的方式排列，如垂直、水平、网格、螺旋等排列方式。
- 数据的动态展示：jQuery 砌体能够将各种数据以灵活的方式展示出来，如实时数据、地图数据等。
- 响应式布局：jQuery 砌体能够根据设备和屏幕大小进行自适应调整，以。
相关·内容
2回答
这个问题以前已经回答过，但是修改和分叉砌体现在使用了一个非常旧的脚本版本。较新版本的砖石有错误修复，我需要。这个问题在最新版本的砖石(现在是一个标准选项)中已经过时了。
浏览 1提问于2013-01-26得票数 9
回答已采纳
3回答
我安装了模块，砖石API和砌体视图。我从页面下载了masonry.pkgd.min.js文件，并将其放入/sites/all/libraries/ changed中，然后将其名称更改为jquery.masonry.min.js
未检测到jQuery砌体，无法检测到jQuery砌体库的版本。
浏览 2提问于2015-05-30得票数 0
我在和砖石一起工作，但没有得到预期的结果。为什么5号框不移动到右上角，3号旁边？那里有足够的空间，据我理解，这就是砖石的作用。此外，如果我使用css更改某些框的高度，例如： { }
它显示了同样的问题，并不是所有的空白都充满了合适的盒子编辑:更新钢笔，包括jQuery后，麦肯的评论(谢谢您的提醒！)这个问题已经在第一个案例
浏览 2提问于2015-06-23得票数 0
回答已采纳
1回答
我有一系列的图像，每个图像都有自己的缩略图(因为裁剪和缩放不适合某些图像)，当用户上传图像时，我也提供了一个字段“类大小”(它是显示缩略图宽度的4个值(180,240,300,360)的选择列表)。
浏览 0提问于2014-10-06得票数 -1
回答已采纳
1回答
我正在寻找一个脚本，它将允许用户选择HTML页面中的图像并将其拖到新位置，同时允许其他页面的元素对齐。拖动图像时，应该是完全可见的(有许多脚本，如TinyMCE和CKeditor)，它们在拖放图像时不显示图像，只显示其新位置和拖放后拖放图像周围的元素。为了清楚起见，图像使用的z-index与页面的其余部分(内联)相同。
我希望我说的够清楚了，让我知道不一样。
浏览 0提问于2012-12-20得票数 3
当页面加载时，我遇到了砖石图像重叠的问题。libs/masonry/3.3.1/masonry.pkgd.min.js"></script>
浏览 2提问于2016-05-19得票数 0
1回答
我正在寻找一个模块--教程--如何在drupal 7中创建一个图像库，当您进入相册时，所有图像都不会被裁剪在rectangulars中并显示在表中，而是保持它们的自然比例，并显示在列中，因为我在下面提供了一个打印屏幕(tumblr主题)，每个图像都有一个带有其标题的独特页面。我不知道这种图像显示方式的具体名称是什么，所以我在这里问。
📷
浏览 0提问于2014-08-18得票数 0
回答已采纳
我最近创建了下面这个基本的float: left布局：.flex-c { height: 450px;}
<div class="flex-i"></div> </div>
在我访问过的<
浏览 1提问于2014-11-16得票数 1
回答已采纳
1回答
我想知道哪种视图风格，我选择做一个页面，像它可以做的砖石。
实际上，我使用Susy 2，而示例在div中显示项，实际上我通过视图在ul中获取项。哪种更好些呢？
浏览 0提问于2015-10-09得票数 0
我试图抓取项目，组织与Javascript，并将他们放在我的网页内容。我遇到的问题是，当我使用.load()时，它不会获取任何javascript，所以我获取的图像不在正确的组织中。下面是我用来获取内容的函数： $.get(url, function(data) {我的页面上有完全相同的</e
浏览 2提问于2013-06-21得票数 0
回答已采纳
1回答
现在，在我的Rails应用程序上，图片是这样呈现的。这些图片基于一个表，该表的每行有五个单元格，每个单元格都指定了上面所示的填充。正如你所看到的，这是一个有点尴尬的外观，我想让这个看起来像下面(从Pinterest)
布局不一定要完全相同，但你明白重点了。我希望每幅图片之间的衬垫都能很好地调整。通过浏览堆栈溢出，我了解到使用可能是一个完美的解决方案，但我想知道是否还有其他选择，因为我希望尽可能避免在我的应用程序中使用jquer
浏览 3提问于2012-12-28得票数 1
我如何创建一个facebook风格的时间表，但有反应的设计，在3种不同的风格？这种风格应该适合任何高度的内容。如下所示：
对不起我的英语很差，我是中国人。
浏览 3提问于2013-05-19得票数 0
回答已采纳
1回答
我试图用引导3.2 +砖石3.1.5制作一些图片库，我的布局浪费了很多空间，我的英语不太流利，所以我上传了几张图片作为例子。important;我可以用图片制作正方形缩略图，生成200x200张图像的网格，但如果有一个使用不同高度的解决方案，我宁愿使用它。
浏览 1提问于2014-07-16得票数 0
2回答
我有缩略图，总是相同的图像宽度，和一个可能不同的图像高度.这里没有JS库吗？(=对齐宽度相同、高度不同、没有任何间隙的瓷砖？)
浏览 5提问于2016-01-17得票数 1
我们的应用程序使用砌体网格布局。在page_A打开后，瓷砖会持续移动一两秒钟。
测试用例是:打开page_A并单击打开page_B的按钮。单击该按钮时，我会得到任何一个元素，单击“截获的异常”，否则什么都不会发生。我假设按钮被点击了，但是没有事件被触发，因为它太快了，也许不是所有的函数都已经完成了加载。ExpectedConditions.presenceOfElementLocated和ExpectedConditions.elementToBeClickable进行显式等待，但是我得到了上面提到的结果
浏览 0提问于2019-11-04得票数 0
我已经创建了我的页面，并尝试添加砖石，但失败了。在用几个变体折磨我的大脑，并使用在上找到的例子之后，我决定把它直接剥离到它的核心，以便在我把它放回我的代码之前让它单独工作。它仍然不能单独工作，我已经添加了所有我可以思考和看到的东西(在他们的网站上)，以使砖石工作。
我尝试过一个clearfix类，使用容器div上它们的<
浏览 0提问于2012-02-16得票数 0
2回答
我是使用砖石瓷砖张贴在一个特定的类别。我遇到的问题是，页面上还有其他内容是砖石重叠的(类别描述)。我尝试过$window.on('load'，function(){无论我做什么，当砖石初始化，文章涵盖描述内容。有什么建议吗？提前谢谢。编辑:正在使用的砌体代码->var $container = jQu
浏览 2提问于2014-05-28得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
