如何使用jQuery masonry插件放置图像开始
jQuery Masonry是一个流式布局插件，可以帮助我们在网页上以瀑布流的方式放置图像或其他元素。下面是关于如何使用jQuery Masonry插件放置图像的步骤：
- 引入jQuery和jQuery Masonry插件的库文件。可以在jQuery官方网站上下载jQuery库文件，并在HTML文件中使用
<script>标签引入。同样地，可以在jQuery Masonry官方网站上下载插件的库文件，并在HTML文件中使用<script>标签引入。 - 创建HTML结构，包含需要放置的图像或其他元素。可以使用
<div>标签来包裹每个图像或元素，并为它们添加一个共同的类名，例如item。 - 在JavaScript代码中，使用
$(document).ready()函数来确保页面加载完成后再执行下面的代码。 - 初始化Masonry插件。使用
$('.container').masonry()来选择包含图像或元素的父容器，并调用.masonry()方法来初始化Masonry插件。 - 设置Masonry插件的选项。可以通过传递一个包含选项的对象来自定义Masonry的行为。例如，可以设置
itemSelector选项来指定图像或元素的选择器，例如.item；可以设置columnWidth选项来指定每列的宽度；可以设置gutter选项来指定列之间的间距等。 - 调用
.masonry('layout')方法来重新布局图像或元素。这个方法会根据设置的选项重新计算并重新排列图像或元素。
下面是一个示例代码：
<!DOCTYPE html>
<html>
<head>
<title>jQuery Masonry Example</title>
<script src="jquery.min.js"></script>
<script src="jquery.masonry.min.js"></script>
<style>
.container {
width: 800px;
margin: 0 auto;
}
.item {
width: 200px;
margin-bottom: 10px;
}
</style>
</head>
<body>
<div class="container">
<div class="item"><img src="image1.jpg"></div>
<div class="item"><img src="image2.jpg"></div>
<div class="item"><img src="image3.jpg"></div>
<!-- 更多图像或元素 -->
</div>
<script>
$(document).ready(function() {
$('.container').masonry({
itemSelector: '.item',
columnWidth: 200,
gutter: 10
}).masonry('layout');
});
</script>
</body>
</html>在这个示例中，我们创建了一个宽度为800px的容器，并在其中放置了几个图像。通过设置.item类的样式，我们指定了每个图像的宽度和底部间距。在JavaScript代码中，我们选择了.container容器，并使用.masonry()方法初始化Masonry插件，并设置了itemSelector、columnWidth和gutter选项。最后，调用.masonry('layout')方法来重新布局图像。
推荐的腾讯云相关产品和产品介绍链接地址：
- 腾讯云对象存储（COS）：腾讯云提供的高可靠、低成本的对象存储服务，适用于存储和处理各种类型的文件和数据。
- 腾讯云云服务器（CVM）：腾讯云提供的灵活可扩展的云服务器，可满足不同规模和需求的应用部署和运行。
- 腾讯云云数据库 MySQL 版：腾讯云提供的高性能、高可用的云数据库服务，适用于各种规模的应用程序和数据存储需求。
请注意，以上链接仅供参考，具体的产品选择应根据实际需求和情况进行评估和决策。
相关·内容
2回答
我已经创建了自定义DNN模块，应该使用一些JQuery插件。
我把插件装好了。
但犯了错误：
Uncaught TypeError: undefined is not a function imagesloaded.js?cdv=18:93
Uncaught TypeError: Object [object Object] has no method 'imagesLoaded' Masonry:755
GET http://dnn7site/jquery.min.map 404 (Not Found) Masonry:464
GET http://dnn7site/reso
浏览 1提问于2013-09-01得票数 2
回答已采纳
1回答
砖石图像重叠
、、、
所以我现在正在写我的Tumblr主题。我使用Masonry将我的所有帖子放在一个5列的网格中，并使用无限滚动脚本在我向下滚动时将新图像加载到网格中。不幸的是，当我向下滚动图像时，大部分时间都是重叠的。我发现问题可能是在图像加载之前触发了砖石，但现在我不知道如何解决这个问题。我已经在使用(window).load而不是(document).ready，但图片仍然重叠。下面是完整的代码片段：
<script type="text/javascript" src="http://static.tumblr.com/imovwvl/dJWl20ley/jqueryform
浏览 2提问于2013-05-05得票数 2
1回答
在单击图像以显示以下内容后，似乎无法重新排序我的图像。
但是，当我调整浏览器的大小时，图像确实可以正确地重新排序。
我已经尝试了这么多，但我被卡住了，我只想在点击下一张图片后再次点燃砖石建筑。
<script src="js/jquery-1.9.1.min.js"></script>
<script src="js/jquery.masonry.min.js"></script>
<script src="js/jquery.cycle.all.js"></script>
浏览 1提问于2013-03-17得票数 0
2回答
我正在使用jquery masonry来显示图像。在这些图片中，我有一个脚本，可以让我滚动和淡入标题。然而，我希望它们在盒子中完美地居中。对于Jquery masonry，没有绝对的高度值。是否可以像水平放置一样垂直放置事物(类似于:margin right: auto；margin left:auto；clear: both;)
现在的位置是从顶部开始设置的50%，但是在较小的元素上，标题似乎偏离了中心。
以下是我的进度的链接：
谢谢你的帮助！
杰夫
浏览 0提问于2011-09-01得票数 1
1回答
我正在尝试使用WordPress附带的jQuery插件。我可以让图像彼此“浮动”在一起，但它们看起来堆叠在一起()，我不确定为什么。这是我的标记
<div id="container-masonry">
<?php //WordPress Loop Starts ?>
<div class="brick">
<?php the_post_thumbnail(); ?>
<h3><a href="<?php the_perm
浏览 0提问于2013-06-19得票数 1
回答已采纳
2回答
砌体项目重叠图像
、、
如果您访问此网站()，您可以看到，由于图像是在页面加载后加载的，因此这些项正在被重叠。
我使用以下语法：
<div id="container" class="js-masonry" data-masonry-options='{ "columnWidth": 0, "itemSelector": ".masonry-content" }' >
<div class="small-12 large-4 columns masonry-content">
浏览 4提问于2015-06-26得票数 1
回答已采纳
我正在为jQuery.masonry使用最新的jQuery，它抛出以下错误:在jquery-1.9.1.min.js的第47行
TypeError: $.event.handle is undefined
如果有任何人有相同的错误？
MyCode：
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/scripts/jquery-1.9.1.min.js"></script>
<script language=
浏览 1提问于2013-05-14得票数 9
回答已采纳
这里是RequireJS新手。在尝试转换一些JQuery代码时，我用旧的方式工作得很好，可以工作w/ RequireJS。
我的页面标题通过脚本标记加载三个JS文件-- require.js本身、我的require.cfg.js和带有站点特定功能的boot/main.js。
相关require.cfg.js摘录：
,paths: {
'boot': 'src/boot'
,'jquery': 'lib/jquery.min'
,'jquery.masonry': 'lib/plugi
浏览 4提问于2013-08-18得票数 6
请查看相关网站/页面:www.leise malpas.co.uk/blog/portfolio
第一次在栈上发帖，所以希望你们中一些更明智的成员能帮助我，因为我一直在努力让jQuery masonry插件()在我的wordpress主题和我正在使用的fluid网格中工作。
jQuery和插件都被正确加载了，我也检查了一下，以确保先加载jQuery，但是我在容器上调用masonry函数的脚本本身似乎没有任何效果。我正在用header.php加载插件：
<script type="text/javascript" src="<?php bloginfo(
浏览 0提问于2011-08-10得票数 0
我正在搭建的网站上使用bootstrap4.masonry.js。我想通过ajax加载一些内容。当屏幕宽度> 575px时，它可以工作。
当屏幕宽度为575px或更小时，它无法工作，并抛出以下错误。
Uncaught TypeError: $cols.eq is not a function
at add (bootstrap4.masonry.js:19)
at Object.push (bootstrap4.masonry.js:53)
at HTMLDivElement.<anonymous> ((index):1293)
at Function.each (jquer
浏览 0提问于2020-05-08得票数 0
如何将LazyLoad实现到masonry+ImagesLoaded布局？我有一个代码
<div class="masonry">
<div class="masonry-sizer"></div>
<div class="masonry-item">
<img class="masonry-content" src="image1.png">
</div>
</div>
JS
var $mas
浏览 7提问于2021-07-08得票数 0
回答已采纳
1回答
在下面的代码中，我使用PHP代码调用了一些图像。
注意:我对Wordpress使用了“高级自定义域”
<?php
// check if the repeater field has rows of data
if( have_rows('upload-masonry') ):
$i = 0;
// loop through the rows of data
while ( have_rows('upload-masonry') ) : the_row('5');
$i++;
浏览 2提问于2014-07-02得票数 0
我的jquery masonry设置在初始页面加载时工作得很奇怪。它似乎将图像放置在第一行，第二行的位置与第一行重叠，第三行的位置相同。页面加载后，您可以单击主页按钮或徽标并重新加载页面，它可以正常工作。
我在functions.php中有以下代码，用于放置masonry和jquery脚本：
if (!is_admin()) {
wp_enqueue_script('jquery');
wp_register_script('jquery_min', get_template_directory_uri(). '/js/jquery.mi
浏览 5提问于2013-03-01得票数 7
回答已采纳
1回答
如何在ES6中使用砖石布局？
ES6：
'use strict';
import $ from 'jquery';
import Masonry from 'masonry-layout';
class Grid {
loadMasonry() {
window.addEventListener("load", () => {
$('.grid').masonry({
// options
浏览 4提问于2016-10-10得票数 2
回答已采纳
我的问题是，jQuery Masonry会立即安排我的“砖块”，而不是等待图像加载。此外，我希望图像是响应性的，所以我不能定义像这样的东西：
<img src="asas" height= "100px" width="100px" alt="asas">
这个实时示例的链接是。
浏览 1提问于2013-01-06得票数 0
因此，我有一个奇怪的问题，似乎找不到任何其他地方，关于masonry.js。
我有，我将它包含在wordpress主题的functions.php文件中，如下所示：
function enqueue ()
{
wp_register_script( 'masonry', get_stylesheet_directory_uri() . '/js/masonry.js', array( 'jquery' ) );
wp_enqueue_script( 'masonry' );
}
add_action( '
浏览 1提问于2013-08-01得票数 15
回答已采纳
2回答
我在我的网站中使用jQuery Masonry来显示博客帖子。而且每个帖子块中都添加了Facebook评论框。当有新的注释时，容器div会扩展，不幸的是会与下面的重叠。在这种情况下，我需要重新运行Masonry脚本来重新加载这些块。
因此，我使用来检查div高度的变化，以便砖石脚本根据它们的新大小重新定位块，并避免重叠。
虽然它不工作，而且当我用firebug检查它时，似乎没有错误。我完全是Jquery的新手，我希望我在这里只是犯了一个简单的错误。
如果你想看一下，请查看bjk-tribun.com，当你在评论框中输入一些评论时，你会看到重叠的部分。
$(function(){
//
浏览 0提问于2012-01-30得票数 1
1回答
在加载图像之前获取图像大小
、、、、
我正在使用JQuery Masonry，并希望通过wordpress插件实现延迟加载，以便在图像出现在视口中时加载它们。
问题是，当使用惰性加载时，砖石元素不知道在视口外的图像大小，因此没有正确地间距砖石元素。
在没有激活Lazy Load插件的情况下，砖石代码运行良好。
是否有任何方法可以在加载图像之前通过jQuery获取图像尺寸，并在图像->的占位符中设置这些尺寸。这基本上意味着在创建砖石容器时设置图像占位符元素的高度和宽度。
浏览 3提问于2013-07-16得票数 2
我使用的是一个石工插件，但当页面第一次加载时，我的图像是重叠的。如果我改变浏览器的宽度，它们就会固定下来。开发人员告诉我执行以下操作，但我不确定如何“正确地将其添加到我的custom.js文件中”。
我只是被告知：
// with jQuery
var $container = $(’#container’);
// initialize Masonry after all images have loaded
$container.imagesLoaded(function(){
$container.masonry();
});
有没有人可以正确地格式化这个建议，以便我可以使用它
浏览 1提问于2015-08-13得票数 6
回答已采纳
1回答
正如您所看到的，这些图像表现得非常奇怪，直到浏览器的宽度变得相当小时，它们才会自行排列。我做错什么了？我注意到，当窗口变小时，项目有重叠的酒窝。
HTML
<div class="masonry container">
<div class="col-sizer"></div>
<div class="item width2"> <img class="img-responsive" src="../images/sc/mason
浏览 1提问于2014-02-21得票数 0
2回答
php在外部从函数内部获取变量
、、、、
我以前从来没有这样做过，所以我想学习如何做到这一点。我是工作在wordpress和创建一个插件。我的文档顶部有一个函数，它向页脚添加了一些jQuery代码，简化后的版本如下：
function slug_masonry_init() { ?>
<script>
jQuery(function($) {
var container = document.querySelector("#skizzar_masonry_loop");
var msnry = new Masonry( container, {
columnWidth: <?php ec
浏览 1提问于2015-01-19得票数 1
回答已采纳
1回答
砌体插件图像
、、、
我读过类似的问题，但找不到适用于我的情况。
在ajax调用之后，我将li元素追加到ul中。
$.ajax({
url: 'do_load_gallery.php?load=all'
}).done(function(result) {
var data = jQuery.parseJSON(result);
var count = data.length;
$.each(data, function (index,val) {
var $item = $(val);
浏览 3提问于2017-03-22得票数 0
回答已采纳
2回答
不垂直堆叠的砌体图像
、、、、
我正在尝试用随机图像实现砖石，但它不是垂直堆叠的。第二行图像不是堆叠的。我遵守了指示，但还不清楚。我添加了图像、javascript和样式表。
这是我的application.js
//= require jquery
//= require bootstrap-sprockets
//= require masonry/masonry
//= require masonry/jquery.event-drag
//= require masonry/jquery.imagesloaded.min
//= require masonry/jquery.infinitescroll.min
//
浏览 1提问于2015-09-28得票数 0
回答已采纳
如何在backbone.js应用程序中使用jQuery库(Masonry)？我应该把它添加到我的视图渲染方法中吗？你能举个例子吗？
浏览 0提问于2012-12-29得票数 1
回答已采纳
3回答
不适当堆叠的图像
、、
我正在使用jquery砖石，无法正确地堆叠图像/帖子(请参阅附加的图像)。
问题是，在帖子/图片之间有太多的空白/空白。
我怎么才能解决这个问题？
谢谢,
费萨尔
INDEX.HTML.ERB
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="/assets/jquery.js"></script>
<script src="/assets/jquer
浏览 4提问于2012-05-10得票数 4
回答已采纳
我在一个wordpress网站上工作，我想在我的一个页面中使用jQuery Masonry，但它不起作用。我搜索并尝试了许多更改，但没有结果。
我来了：
在header.php中，我添加了以下内容：
<?php wp_enqueue_script("jquery"); ?>
<?php wp_head(); ?>
<script language="javascript" type="text/javascript" src="<?php bloginfo('template
浏览 4提问于2012-10-29得票数 2
回答已采纳
4回答
说到jQuery，我是个新人。我在做我的投资组合，我被困住了..。我有一个页面，所有的投资组合项目(图像)，可以按类别排序。因此，当我按下“艺术”类别时，所有其他毛毛虫的透明度都会降低，因此选定的类别将保持高亮显示。请参见：。
但当我悬停在低不透明度的项目上时，它们就会再次突出显示。如何将此.hover函数暂时锁定，以便在选择类别时，其他项(图像)在悬停时什么也不做？
这是我在index.html中使用的用于悬停的代码(对于每个类别)：
var $j = jQuery.noConflict();$j(document).ready(function(){
$j(".a
浏览 2提问于2010-01-07得票数 0
4回答
砖石销毁并重新初始化
、、、
我已经初始化了砖石插件-工作正常，
然后销毁介质宽度为767px的<= -它被销毁了
但是当我返回到media width > 767px并再次初始化masonry时，它不起作用。
为什么？
或者有没有其他的解决方案来关闭masonry插件，然后在某些事件中打开它？
这是我的代码：
var masonryData = {
isInitLayout: true,
isResizeBound: false,
itemSelector: '.item',
columnWidth: 300,
gutter: 20,
trans
浏览 0提问于2013-07-05得票数 2
我正在使用流行的jquery插件来很好地适应我的布局。我正在使用setInterval来解决与BoltHead在这里完全相同的问题：
解决方案是使用setTimeout每秒更新masonry插件，如下所示：
$(function() {
setInterval(update, 500);
});
function update() {
var $container = $('#packages');
$container.imagesLoaded(function(){
$container.masonry({
浏览 2提问于2012-02-05得票数 0
回答已采纳
我有jQuery砖石布局在我的网站上的列表项目，每个列表项目都有一个fb:评论。异步加载SDK，即使将方法"$container.masonry( 'reload‘);“放在FB.init()之后，列表项仍然重叠。
我测试了在重新加载masonry之前放置一个alert()框，如果快速关闭警告框，项目仍然重叠，但如果在一段时间后关闭它，它会正确地显示边距。所以我假设masonry重新加载是在fb:comments的内容加载完成之前运行的。
如何在fb:comments的内容加载完成后触发masonry重新加载？而不是通过点击按钮。图片显示它何时重叠，并在fb:comments之
浏览 1提问于2011-09-04得票数 6
回答已采纳
2回答
我正在使用Drupal视图将带有无限滚动脚本的内容加载到条目的砖石样式网格中。
它无限滚动，但附加的项不保留原始项的CSS属性。我不太清楚为什么会发生这种情况。
此外，我正在使用jQuery悬停效果“浮动”内容对我的图像。这是非常简单的代码。我无法想象它对这个问题有任何影响，但这里只是以防万一：
悬停效应jQuery
$j('div.blog-list').on(".blog-thumbs-animate").hover(function(){
$j("img", this).stop().animate({opacity: 0.9},
浏览 1提问于2014-08-13得票数 1
回答已采纳
1回答
我使用jQuery砌体来对齐我网站上的图像。所有的图像都有相同的宽度，但高度不同。取决于它们的装载顺序，它们被放置在那里，非常奇怪。
我得到的是：
这就是我想要的
这是我应该用jQuery修复的东西，还是用PHP从服务器上加载它们的顺序？那怎么做？
目前为止的代码：
var $container = $('#imageAlbum');
$container.imagesLoaded( function(){
$container.masonry({
itemSelector : '.image'
columnWi
浏览 3提问于2012-10-01得票数 1
我使用作为我的灯箱，我的问题是，我有很多图像(缩略图)要加载到我的页面上，当它加载时，我点击其中一个加载的图像，灯箱不工作。因此，它将转到其他页面上的jpeg文件，而不是模式窗口。
我怎样才能使我的灯箱，即使所有的图像都已加载。顺便说一下，我把这个放到我的WordPress上，但我不想用插件。另外，我使用的是FoundationPress。
下面是我用来初始化lightbox的代码
$(document).ready(function(){
$('a.gallery').featherlight({
targetAttr: 'href'
});
浏览 4提问于2016-01-27得票数 0
1回答
角石和砖石一起工作
、、、
我不让砖石工作在纳克-重复。
我尝试添加一个类--砖石容器，在我的ng-重复中，我使用类砌体-项。
在我的js中，我使用这两个类来加载js文件，比如：-jquery -masonry -myfile。
( HTML)
<div class="masonry-container" > <div ng-repeat="link in links"> <div class="masonry-item col-sm-4"> <div class="
浏览 2提问于2016-04-25得票数 0
因此，我在我的wordpress网站上得到了这个错误，无法找出是什么原因造成的。我附上了一个屏幕截图，说明当错误被扩展时会显示什么，尽管我的直觉是，它与jQuery的加载方式有关。
如果有人能给我指点或者检查的话-那就太好了。
script.js:17中的代码
jQuery(document).ready(function($) {
// set the container that Masonry will be inside of in a var
var container = document.querySelector('#masonry');
浏览 8提问于2016-02-25得票数 1
回答已采纳
2回答
我正在尝试使用将RequireJS加载到我的应用程序中，但是每当我添加它时，它都会导致脊骨产生一个“对象不是函数”错误。
编辑：可能与相关。
main.js
require.config({
paths: {
jquery: 'lib/jquery-1.9.1',
underscore: 'lib/underscore-1.5.2',
backbone: 'lib/backbone-1.0.0',
masonry: 'lib/masonry.pkgd'
},
shim: {
ba
浏览 3提问于2013-10-18得票数 2
回答已采纳
我对最新版本的masonry有一个奇怪的问题。之前我已经让它正常工作了，但是对于一个新的项目，我下载了jQuery和Masonry的最新版本，一切都很好。除了IE7不会加载Masonry库，因为插件中的错误，所以看起来是这样。
我在IE7控制台中得到了这个错误：
这是我的测试文件的全部代码，所以任何人都可以快速重现它：
<!DOCTYPE html>
<html>
<head>
<title>Test</title>
<script type='text/javascript' src='jqu
浏览 0提问于2013-06-19得票数 2
回答已采纳
1回答
我有砖石插件和图片加载插件，它似乎图像加载不起作用。当我刷新页面时，div会重叠。只有在调整浏览器窗口的大小之后，重叠才会自我纠正。有时候提神的时候它看起来确实有效..。很随意的。我是jQuery和javascript的新手。
我在这里托管了一个html页面，这样您就可以看到我在说什么：
下面是我初始化的方式，但是如果您查看上面链接的源代码，您可以看到完整的代码，因为问题可能在其他地方。
$(document).ready(function() {
// Initialize Masonry
$('#content').masonry({
co
浏览 2提问于2015-06-12得票数 1
回答已采纳
我试图添加砖石sript到我的网站，但wp_enqueue_script('jquery-masonry');没有添加脚本。
相反，我不得不使用：
wp_register_script('jquery_masonry', includes_url(). '/js/jquery/jquery.masonry.min.js', 'jquery');
wp_enqueue_script('jquery_masonry');
为什么会这样呢？
浏览 0提问于2013-08-20得票数 0
2回答
我正在寻找集成Masonry Jquery到我的Squarespace网站上的博客列表，并相信它已经正确设置，但它不工作。
我正在工作的网站是：
我已经上传了脚本文件夹中的脚本文件，并在end body标记之后插入了javascript。请看这里：
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="scripts/jquery.masonry.min.js"></script&g
浏览 5提问于2014-05-20得票数 0
1回答
有问题的页面在这里-
当您向下滚动到页面底部以启动无限滚动时，您应该会看到新图像在旧图像后面加载。
这是一个有点but的时刻，但我不确定如何停止加载新的图像背后的现有图像
我正在使用的Javascript(JQuery) (在functions.php中)在这里-
var infinite_scroll = {
loading: {
img: "<?php echo get_template_directory_uri(); ?>/images/ajax-loader.gif",
浏览 6提问于2013-02-19得票数 0
似乎当我试图加载页面时，所有的图像都堆叠在一起。但是如果你点击一个链接，将你带到同一页(如主页链接)，那么masonry就会生效。所以我认为masonry加载得太早了，就像jquery还没准备好页面之类的东西。
下面是我的jquery调用：
$(document).ready(function(){
$('#image_roll_container').masonry({
itemSelector: '.box'
});
....
下面是有问题的页面：
它在火狐和IE8上运行得很好。
浏览 0提问于2011-09-20得票数 14
回答已采纳
我需要3列块布局，并使用jQuery砌体插件，但有问题的改变qutterWidth在不同的页面大小。
起初，我试图设置边距-右，但在这种情况下，砖石左定位是不工作的，应该是。
但是，当我给出gutterWidth的保证金时，我的反应能力就会有问题。我不是jQuery方面的专家，所以在调整浏览器大小时，请帮助更改gutterWidth，或者重新评论替代解决方案:(
密码在这里
<div class="masonry">
<div class="item">
<p class="item__par
浏览 0提问于2014-11-22得票数 1
回答已采纳
1回答
我在我的网站上有砖石布局，但当我加载页面时，图像“堆积”在彼此的顶部。当您重新加载页面几次时，它会变得更好，但仍然不能正常显示。这是一个显示砖石图像的页面的链接。
然而，我没有发现任何错误，这是几个月来令人头疼的问题。我使用ImagesLoaded插件解决了同样的问题，但现在即使这样也不起作用。
这是我的jQuery：
$(document).ready(function() {
/******/
//masonry
var $container = $('.portfolio_container');
// initialize Masonry after all i
浏览 1提问于2015-02-17得票数 0
3回答
因此，我使用的是jQuery砌体，每次加载posts时都要调用一些jQuery：
function manipulate(id) {
$(id).each(function(){
if($(this).height()>200){
$('#container2').append(this);
} else{
$('#container').append(this);
};
});
};
因此，我希望每次在砖石容器中的下一个项目加载时调用这个函数。这样，它就以正确的方式操作项目。我该怎么做？
浏览 2提问于2013-06-03得票数 6
回答已采纳
即使在谷歌之后，我也很难找到在我的GatsbyJS项目中使用webpack管道导入/包含jQuery、Masonry和其他一些基于jQuery的库的最佳方法。
我可以手动包含标记，但我的理解是，最好使用import，这样它就可以流水线和打包。
import jQuery from '../js/jquery.min.js'
import '../js/flickr.js'
import '../js/flexslider.min.js'
import '../js/lightbox.min.js'
import '../j
浏览 0提问于2018-03-22得票数 0
2回答
我在旧代码和新代码之间做了一些组合，但它仍然不能正常工作，因为一些帖子仍然重叠。在较小的分辨率下，它们可能不会重叠，所以这是一个，您可以看到站点的。
来源：
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js&
浏览 7提问于2017-04-02得票数 1
1回答
在将Wordpress中的无限滚动插件与使用砖石的主题集成在一起时，我面临着一个棘手的问题。
我有无限滚动的最新版本，2.6.2，我在插件的回调部分中添加了这段代码：
// hide new items while they are loading
var $newElems = jQuery(newElements).css({ opacity: 0 });
// ensure that images load before adding to masonry layout
$newElems.imagesLoaded(function(){
// show elems now they&#
浏览 1提问于2013-10-30得票数 5
回答已采纳
2回答
我使用砖石来布局我的图像和基础交换加载不同大小的图像取决于屏幕大小。(小、中、大)我的问题是，由于图像是通过JavaScript加载的，所以使用imagesLoaded插件似乎不起作用。我也尝试过使用setTimeout()，但后来砖石工根本不起作用。那么，有没有人知道如何检查图像是通过javascript加载的，还是确保way是运行的绝对最后一个脚本？
我正在使用的示例砖石项目
<li class="image masonry-item"><a href="image/url"><img data-interchange="
浏览 2提问于2014-01-18得票数 0
回答已采纳
我找到了这个模板，它演示了我在和图像布局方面遇到的问题。看看这个推特引导模板：
第一次加载页面时，所有图像都会堆叠在一起，直到页面刷新或重新调整大小为止。然后正确显示图像。
下面是我的HTML和jQuery，它们有同样的问题：
HTML
<div class="gallery-masonry masonry" style="position: relative; min-height:100px; height: auto;">
<div id="loading">Loading ...</div>
浏览 2提问于2013-05-06得票数 11
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
