如何将masonry应用于ajax调用附加的项
Masonry是一种流式布局的JavaScript库，它可以帮助我们实现瀑布流布局。当我们使用Ajax调用获取到附加的项时，可以通过以下步骤将Masonry应用于这些项：
- 引入Masonry库：首先，在HTML文件中引入Masonry库的JavaScript文件。可以通过以下链接下载并引入Masonry库： Masonry库链接
- 创建容器：在HTML文件中创建一个容器，用于包裹所有的项。例如，可以使用一个div元素作为容器：
- 创建容器：在HTML文件中创建一个容器，用于包裹所有的项。例如，可以使用一个div元素作为容器：
- 初始化Masonry：在页面加载完成后，使用JavaScript代码初始化Masonry。可以在window.onload事件中执行初始化操作，或者在页面底部的script标签中执行初始化操作：
- 初始化Masonry：在页面加载完成后，使用JavaScript代码初始化Masonry。可以在window.onload事件中执行初始化操作，或者在页面底部的script标签中执行初始化操作：
- Ajax调用并附加项：当需要通过Ajax调用获取到新的项时，可以使用JavaScript代码创建新的项，并将其附加到容器中。例如，可以使用jQuery的Ajax方法进行调用，并在成功回调函数中创建新的项并附加到容器中：
- Ajax调用并附加项：当需要通过Ajax调用获取到新的项时，可以使用JavaScript代码创建新的项，并将其附加到容器中。例如，可以使用jQuery的Ajax方法进行调用，并在成功回调函数中创建新的项并附加到容器中：
通过以上步骤，我们可以将Masonry应用于Ajax调用附加的项。每当获取到新的项时，我们通过创建新的项并附加到容器中，然后使用Masonry的layout方法重新布局容器，从而实现动态的瀑布流布局效果。
注意：以上代码示例中的.masonry-item是指代每个项的CSS类名，你可以根据实际情况进行修改。另外，还可以根据需要设置Masonry的其他配置参数，例如列宽、水平间距、垂直间距等。
推荐的腾讯云相关产品：腾讯云对象存储（COS）
- 产品介绍链接地址：腾讯云对象存储（COS）
腾讯云对象存储（COS）是一种高可用、高可靠、强安全的云端存储服务，适用于存储和处理各种类型的文件和数据。它提供了简单易用的API接口和丰富的功能，可以帮助开发者快速构建可靠的存储解决方案。在使用Masonry时，我们可以将获取到的附加项中的图片等静态资源上传到腾讯云对象存储（COS），并通过腾讯云的CDN加速服务来提高资源的加载速度和访问体验。
相关·内容
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
另一个图像重叠问题，这里使用砖石和Ajax附加在Wordpress项目。当第一次追加更多的项目时，图像会重叠。但是，当重新加载页面时，图像不再重叠。我意识到，在做了一些研究后，这与计算图像的高度有关。
在砌体网站的帮助页面中，建议使用getimagesize函数来指定图像的宽度和高度。
然而，这正是我被困的地方。由于我对PHP的了解有限，我不知道如何使用这个函数，也不知道如何将它放在代码中，所以我在这里寻找一个小方向。有人能帮我弄清楚如何将getimagesize函数集成到我的代码中吗？
这是砌体规范：
$(document).ready(function(){
var $conta
浏览 0提问于2012-08-23得票数 4
3回答
更新：
这是我的CSS：
#masonry-container {
margin: 0 auto;
}
.box {
width: 50%;
margin-top: 30px;
}
我正在使用Rails 4、Bootstrap和。我在资产/javascipts/application.js中为jQuery砌体安排了以下代码：
$(function(){
$('#masonry-container').masonry({
itemSelector: '.box',
isFitWidth: true
});
});
浏览 1提问于2015-02-12得票数 0
回答已采纳
13回答
我正在尝试使用一些ajax和jQuery Masonry插件来添加一些项目--但是由于某些原因，新的项目没有应用masonry？
我正在使用
jQuery.ajax({
type: "POST",
url: ajax_url,
data: ajax_data,
cache: false,
success: function (html) {
if (html.length > 0) {
jQuery("#content").append(html).masonry( '
浏览 1提问于2012-01-04得票数 31
回答已采纳
我在使用带有ajax调用的jQuery Masonry插件时遇到了问题。
我有一个过滤器功能，它从服务器获取一些非常标准的html内容(div，没有图像)：
var searchResults = $('div#results');
function filter() {
var text = 'text';
var orderby = 'order';
var source = 'source';
var media = 'media&#
浏览 1提问于2011-06-27得票数 0
使用wordpress和同位素，我创建了一个存档页面，将单个帖子显示为同位素样式的磁贴。
它看起来有点像这样：
生成它的代码由同位素的网格系统组成：
$(document).ready(function () {
var $container = $('.showcase');
$container.isotope({
itemSelector : '.item',
masonry : {gutterWidth: 0, columnWidth: 1}
});
});
浏览 1提问于2013-10-19得票数 0
1回答
我有一个2栏的网站，它的工作很好，直到我尝试应用砖石id到我的右手列(我想要砖石应用到的列)。我的问题是，如何将JQuery Masonry应用于浮动在左侧的列？我甚至尝试过将masonry id div放入浮动列中，但仍然不起作用。有人知道解决方案吗？
浏览 2提问于2013-10-23得票数 0
1回答
在"BuddyPress“的"Activity Page”中单击"Load More“后，我想将"Masonry.js”应用到活动列表中。
我为此编写了以下代码，但单击"Load More“后的$ grid.masonry不起作用。
(function($){
if($('#activity-stream').length){
var observer = new MutationObserver(function (MutationRecords, MutationObserver) {
浏览 4提问于2018-10-21得票数 0
当我将AJAX返回的数据附加到我的masonry容器时，它不会拾取已经应用于先前加载的项的网格布局。我在文档就绪函数中使用了以下代码：
// Masonry
var $container = $('#masonry-container');
$container.imagesLoaded(function () {
$container.masonry({
itemSelector: '.grid_4',
isAnimated: true
});
});
// AJAX Fotolia Image Search
浏览 0提问于2013-07-17得票数 2
我尝试和一样的东西
我使用Ajax服务器数据检索Json包含带有指令的标记的数据，并试图使用$compile启动此数据，但此时没有任何结果。
这是我尝试使用$compile的控制器
angular.module('blancAppApp')
.controller('SlugCtrl', function ($scope, WpApi, $compile, $filter, ngProgressLite) {
// the Content to be rendered.
$scope.post = [];
//loading anima
浏览 1提问于2014-11-04得票数 1
当我单击某个项目时，它会展开。当我单击另一项时，它也会展开，但第一项也会展开。我只想在任何时候扩展一个项目，即:我点击的那个。所以我需要基本上把所有东西都切换到它原来的状态，然后只展开我点击的那个。我所用的例子有一个代码库。
// external js: masonry.pkgd.js
var $grid = $('.grid').masonry({
columnWidth: 120,
itemSelector: '.grid-item'
});
$grid.on( 'click', '.grid-item-content&
浏览 0提问于2020-06-04得票数 3
回答已采纳
我有一个网站的使用引导程序和新闻，我已经创建了砖石，我使用了无限Ajax滚动，它把其他新闻在一个不同的div，而不是预设。但是，通常情况下，如果一个人快速滚动页面，或者如果连接缓慢，元素就会重叠，不会返回到他们的位置，我认为这是因为它不能加载图像。我试着整合图像加载，但它似乎不能正常工作.我不知道该怎么办..。下面是我继续进行的源代码HTML：
<div class="row masonry_base altre">
{$news}
</div>
<div class="row masonry altre">
<
浏览 5提问于2016-05-15得票数 0
回答已采纳
我使用砖石来布局许多文章，一开始隐藏所有的东西，当layoutComplete触发时显示条目。当有不止一篇文章被定位时，这是按计划进行的，但是当有一篇文章存在时，布局仍然是隐藏的。我也在使用现代派(见下面的sass )。
这是我的密码：
CSS (SASS):
.js-masonry, [data-masonry-options] {
@include media-query(lap-and-up) {
html.js & {
visibility: hidden;
}
html.js &.m
浏览 2提问于2015-05-08得票数 1
回答已采纳
1回答
我有一个关于砖石布局更新的问题。如何在Vue.js (Version 3)生命周期钩子"updated()“中触发它？
我有一个卡片网格视图，如下面的代码(在这里使用引导5)，但是当一个卡片改变它的大小时，很难更新砖石布局。我知道我可以使用layout() ，但是我不知道如何在我的示例中调用它。
因此，我的主要问题是，当在()函数中初始化时，我不知道如何在更新的函数中使自己的砌体对象可访问。我该怎么做？
<template>
<div
class="row justify-content-left"
data-masonry=
浏览 7提问于2022-02-03得票数 0
回答已采纳
1回答
当我使用AJAX过滤页面上的jQuery框时，格式不会调整。我试着回答这个问题：，但它仍然不能工作。有谁有建议吗？我的代码如下
$ ->
$('#all-content').on 'click', (e) ->
console.log 'click', this, arguments
element = $(e.currentTarget)
e.preventDefault()
$.ajax {
url: element.attr('href')
com
浏览 2提问于2013-04-22得票数 0
我使用的是Rails4、Bootstrap和Masonry。我在application.js中为jQuery Masonry编写了以下代码来排列我的div：
$(function(){
$('#pins').masonry({
itemSelector: '.box',
isFitWidth: true
});
});
var masonryUpdate = function() {
setTimeout(function() {
$('#pins').masonry();
}, 200)
浏览 0提问于2015-02-13得票数 1
1回答
砌体为何排列为单柱重叠
、、、
我使用附加的函数将元素附加到一个已经初始化的砌体实例中，但是我的所有瓷砖都是在一个列中布局的，而且很多都是重叠的。你能看出我做错了什么吗？
function placeNewsTiles(news){ //places news tiles
var length = (news.data.length > 20) ? 20 : news.data.length;
var $container = $('#news');
var elems ="";
for(var i = 0; i < length; i++){
浏览 1提问于2014-12-03得票数 0
回答已采纳
2回答
不使用动态内容的砌体
、、、、
砖石不适合我的动态内容，我不知道为什么。我不认为这是一个错误，至少我已经看了几个小时的代码，我找不到任何不起作用的东西。
//reads listbox.php and cycles through the array calling createbox
function listboxs() {
$.ajax({
url: '_php/listbox.php',
success: function (output) {
var jsonArray = $.parseJSON(output);
浏览 2提问于2013-08-27得票数 3
回答已采纳
我注意到，当在fluid /响应式网站上使用jQuery Isotope或Masonry时，当浏览器窗口调整大小时，元素会暂时重叠。请看下面的图片，这是来自演示的截图。你也可以在同位素上看到这一点。
有什么办法可以避免这种重叠吗？
浏览 1提问于2013-03-22得票数 2
回答已采纳
2回答
我有一个网站，上面有25张图片。我创建了一个按钮，上面写着“加载更多”。这些按钮通过Ajax从php脚本中提取25张图片。这部分实际上工作得很好。问题是，我使用jquery masonry来对齐图像。
现在，它在页面加载时调用Masonry函数。
function Masonry() {
var $container = $('#fit');
$container.imagesLoaded(function () {
$container.masonry({
itemSelector: '.masonryImage
浏览 3提问于2013-05-04得票数 1
4回答
我试图在页面加载时运行一个函数，但它不起作用。我在我所能想到的每一个地方都添加了它，唯一起作用的是：
$("html").mousemove(function(event) {
$('#project_thumbs_container').masonry('reload');
});
我试过拖延，但我还是采用了上面的方法：
有人对为什么我的功能不能运行有任何建议吗？
更新：
我正在为jquery使用砖石结构。我的问题是，当我使用ajax加载一个页面时，它会将它们显示在一个列中。$('#project_thumbs_containe
浏览 3提问于2011-10-19得票数 1
回答已采纳
1回答
我想知道如何将一个库附加到一个特定的块。我这样做：
在mytheme.libraries.yml中
lib-name-script:
js:
header: true
js/masonry.pkgd.min.js: {}
js/main.js: {}
dependencies:
- core/jquery
在main.js中
jQuery(document).ready(function() {
$('.grid').masonry({
itemSelecto
浏览 0提问于2017-10-05得票数 0
6回答
我正在开发一个“艺术画廊”应用程序。
可以随意拉下，玩一玩它。
当前的工作，使砖石发挥良好的角度：
.directive("masonry", function($parse) {
return {
restrict: 'AC',
link: function (scope, elem, attrs) {
elem.masonry({ itemSelector: '.masonry-brick'});
}
};
})
.directive('masonryBrick', fu
浏览 6提问于2013-05-12得票数 30
1回答
我现在已经在一个网站上工作了一段时间了，虽然他们确实有大量的内容，我已经升级了他们，但在砖石网格上的AJAX load more调用非常慢。我已经尝试过缓存和使用CDN，但这仍然需要很长时间，特别是在第一个实例之后。
有谁有什么想法吗？网站为www.noctismag.com
这是我用来运行它的脚本，在我的页脚中。
<script>
jQuery(function ($) {
/* Masonry + Infinite Scroll */
var $container = $('#grid-container');
浏览 1提问于2017-02-02得票数 1
3回答
我正在开发一个wordpress主题，我正在使用同位素或砖石砌体的砌体布局。此外，我还使用插入我映射到的自定义元素。我有一个容器，它没有样式，所有这些项目都有一个div，它的类“覆盖”是绝对定位的，并且有100%的宽度和高度。它的目的是将白色框(类“内容”)放置在其中。同位素让我很难在以前的wordpress主题上。我不知道为什么。这是图像。
以下是项的标记：
<div class="masonry-item">
<img/>
<div class="overlay">
<div c
浏览 5提问于2016-04-20得票数 1
回答已采纳
2回答
在砌体上添加元素
、、
关于这个问题，我看过各种各样的问题，但似乎没有一个能解决我的问题。
当页面第一次加载时，我开始对前十幅图像进行砖石处理，如下所示：
$('img').load(function(){
var masonry = $('#gallery').masonry({
itemSelector: '.item',
});
});
接下来，当用户滚动到页面底部时，我调用ajax：
if ($(window).scrollTop() >= $(document).height() - $(window).height() + 5)
浏览 4提问于2013-12-08得票数 2
回答已采纳
1回答
我正在使用这个脚本获得随机的背景颜色在我的帖子。当您加载页面时，它可以正常工作，但是当加载新的帖子时，脚本就不能工作了。
这是我为随机背景颜色使用的代码：
$(document).ready(function() {
$('.entry').each(function () {
var hue = 'rgb(' + (Math.floor((256-199)*Math.random()) + 200) + ',' + (Math.floor((256-199)*Math.random()) + 200) + ',&
浏览 1提问于2015-12-08得票数 0
回答已采纳
$.ajax({
method:"get",
url:"/wall",
data:"ajax=1",
beforeSend:function(){},
success:function(html){
$("#grid_mason").append(html); //Add the next boxes to the Grid.
浏览 0提问于2010-12-10得票数 0
回答已采纳
我正在尝试做一个砖石布局与一些包含图像的瓷砖。下面是我的大致代码：
var $mainContent = $('#main-content');
$mainContent.imagesLoaded(function() {
$mainContent.masonry()
});
loadMore = function() {
$.ajax({
url: '/things',
success: function (data) {
var $data = $(data);
$data.imagesLoaded(fun
浏览 1提问于2012-06-24得票数 1
我有一个使用ajax加载主要内容的站点，并且我正在使用以下代码在.load()完成后运行一个函数(afterLoad)。
jQuery('.main-menu a').click(function(evt){
var href = jQuery(this).attr('href');
var elementClassName = jQuery(this).attr('class');
History.pushState({}, '', href);
jQuery(&
浏览 4提问于2013-10-08得票数 0
2回答
我在Joomla 3.1上建立了一个网站，我使用的是一个功能完美的砖石脚本：
// Masonry for boxes
function adjustments() {
$('#position-2').masonry({
singleMode: false,
columnWidth: 272,
resizeable: true,
itemSelector: '.newsflash-item',
isAnima
浏览 3提问于2014-02-12得票数 1
回答已采纳
这是我的帖子循环：
<?php
$query_masonry = new WP_Query(array(
'post_type' => 'post',
'post_status' => 'publish',
'posts_per_page' => 3
));
if ($query_masonry->have_posts()) :
while ($query_masonry->have_posts() ) : $query_masonry->t
浏览 2提问于2016-07-24得票数 2
回答已采纳
我知道这里有很多关于砖石的问题，但我似乎找不到答案，这可能是一个明显的解决办法。我正在尝试使用append方法：，但是这些Append和Prepend按钮是从哪里来的呢？代码似乎没有提到如何将这些按钮与脚本连接起来。我想添加一个加载更多的按钮来附加下一组wordpress帖子，但似乎到处都找不到解决方案。如果有人能给我指出正确的方向，我将不胜感激。下面是我的代码：
jQuery(document).ready(function($){
var $container = $('#linky');
var $boxes = $('<div class="bo
浏览 3提问于2013-02-02得票数 0
回答已采纳
我试图使用砖石网格与WordPress插件搜索和过滤器Pro使用ajax加载文章过滤。我发现了一个错误：
错误：“无法在初始化之前调用砌体上的方法；试图调用‘reloadItems’”
和都解决了这个问题。
砖石工建议使用此代码：
$grid.imagesLoaded( function() {
// init Masonry
$grid.masonry({
// options...
});
// Masonry has been initialized, okay to call methods
$grid.append( $items )
.mason
浏览 1提问于2018-03-13得票数 0
我对插件有个问题。
我尝试在div容器#myparts中加载新内容。
Ajax工作，但是div容器.part相互重叠，我不知道为什么。
我从互联网上尝试过许多解决方案，但它们都不起作用。砌体应该在AJAX之后重新加载.parts，但是它不能工作。
这是我的密码：
<body>
<!--
data-user: is user-ID
data-article: is article-ID
-->
<div id="wrapper">
<div id="myparts" data-user="1"&g
浏览 3提问于2017-03-29得票数 0
回答已采纳
所以我使用同位素masonry布局
$('section').isotope({itemSelector:'article',layoutMode:'masonry',transformsEnabled: false, animationEngine: 'jquery',masonry:{columnWidth:8}});
问题是，如果我不在css中设置article的高度，布局看起来不太好，项目重叠和填充，但我不能为元素设置固定的高度，因为它们是博客帖子，并且可以改变大小，你们有什么建议来解决这个问题吗？
浏览 0提问于2012-04-16得票数 9
回答已采纳
我正在使用先进的Ajax页面加载插件与砖石。但是，一旦通过ajax加载了新内容，这两种方法都不会得到应用。您可以在这里看到它，http://wxperimental.musicglaze.com，一旦您第一次加载它，您可以看到砌体正在发生(每个帖子是分开的)，但是在侧边栏中键入"a“搜索并查找它。新内容将通过ajax加载，砖石将不应用。
我试着将我的砖石代码粘贴到"Reload代码“部分，在插件的设置中，但是它没有工作。
我的砖石代码。
jQuery( document ).ready( function( jQuery ) {
// Check if containe
浏览 0提问于2013-06-10得票数 -1
回答已采纳
1回答
显示图像的砖石视图
、、、、
我使用了一个砖石视图插件，但是当图像通过ajax调用加载时，它们似乎是一个接一个地显示(就像一个列表)。
HTML
<div id="masonryView" data-ng-repeat="image in images">
<div class="item">
<a target="_blank" href="">
<img src="{{image.imageSourc
浏览 1提问于2015-03-31得票数 0
2回答
我正在与masonry.js一起玩画廊/相册的视图。
我成功地使用了这个脚本来显示一张专辑的缩略图。当用户单击缩略图时，我希望移除相册缩略图，然后将其替换为相册中图像的缩略图。
相册图像通过ajax传递给脚本，并且是html格式的。
我可以使用以下代码删除条目：$container是砖石容器的jquery对象：
var obj = $('.item');
$container.masonry('remove',obj);
$container.masonry('reloadItems');
$container.masonry('layo
浏览 4提问于2015-03-08得票数 1
我有一个砖石，有时砖石-项目有类‘开放’。我想要添加到砖石类的不透明度，只有当一些mansory-项目已经打开。如果mansory-item childs没有开放的类，那么mansory应该有类的不透明性。If语句只在第一部分起作用，但我不知道如何解决它。我编辑并更新了。 $("masonry-item .bottom-line").click(function () {
$('masonry-item.open').not($(this).parent()).removeClass('open');
$(this).paren
浏览 41提问于2020-11-03得票数 2
回答已采纳
因此，我页面上的所有内容都是从AJAX调用加载的。
我想，如果我简单地把我的同位素放在一个文档就绪函数中，它会起作用，但它不起作用：
$(function(){
container = $('#content');
container.isotope({
itemSelector: '.tile',
masonry: {
columnWidth: 100
},
});
});
AJ
浏览 0提问于2014-10-20得票数 3
1回答
我有一个非常特殊的问题，我通过ajax加载一些内容，然后向新添加的内容添加更多内容
我要试着解释一下这个场景。
第一次Ajax调用
$.ajax({
url: href ,
dataType: 'html',
success: function(data) {
var response = $(data).find('#content').html();
$('#content').append(response)
}
浏览 2提问于2016-03-12得票数 1
1回答
无限滚动与砖石工程不兼容
、、、、
我很难让masonry在无限滚动的同时工作。我已经做了我能做的一切，但仍然一无所获。是我的代码出了问题，还是我完全漏掉了什么？
这是我的代码：
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-infinitescroll/2.0b2.120519/jquery.infinitescroll.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/masonry/3.1.2/masonry.pkgd.js
浏览 1提问于2015-07-14得票数 0
我使用ajax来允许用户过滤出现在目标目录(var target)中的内容。
在加载内容时，我显示了一个包含加载器图像('#loader')的div。
但是，当ajax调用完成时，IE不会像其他浏览器那样重新隐藏加载器。
它还将setTimeout()调用(在ajax回调中)标识为“无效参数”。
如果我不觉得这很令人困惑，我就不会在这里问了。谢谢!
代码：
function run_ajax() {
$.ajax({
url: 'artworks_ajax',
beforeSend: function(){
target.em
浏览 1提问于2011-12-01得票数 1
回答已采纳
1回答
你好，我对javascript的所有问题，这里是代码，这只是一个测试，请帮助我.
我试过这段代码但这不管用请帮帮我。提前谢谢..。
任何帮助都很感激..。
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script type="text/javascript" src="http://masonry.desandro.com/
浏览 3提问于2013-10-07得票数 0
2回答
从ajax响应中获取特定值
、、、、
我使用的是ajax和masonry
Ajax代码:此ajax用于从
$.ajax({
type: "get",
url: "some.php",
dataType: "text",
success: function(data) {
if (data && data.length > 0) {
$items = $(data);
$grid.append( $items
浏览 2提问于2015-09-13得票数 3
1回答
我有一个小的，但相当恼人的问题，当使用间隔宽度的砖石布局。我通过click函数将内容附加到一个清除div (在每行之后)，然后重新加载砖石以将其包含在网格中。然而，小问题是，当单击div时，它似乎会砍掉容器的右侧一秒钟左右，这看起来像是一个错误，它偶尔会使容器向下跳跃。
我注意到，当从jquery中去掉gutterwidth属性并将其替换为margin-left和margin-right样式时，这解决了问题，但我最好使用gutterwidths，因为我将添加多个大小的div(包括100%宽度)，所以我不想有任何间隙。
这是一个jsfiddle演示(单击div时，请查看容器的右侧)：
jQuer
浏览 1提问于2013-04-17得票数 1
回答已采纳
如何将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
回答已采纳
我有一个充满照片的页面，每一张照片都用class="photo_wrap"包装在一个div中。用户可以看到一定数量的照片。如果他们想看到更多，就点击“查看更多照片”按钮。在他们等待照片加载时，我用id="spinner"显示了一个“进度条”gif。由于masonry插件和加载照片的一些问题，我将masonry设置为在所有img完全加载后“重新加载”。问题是，这也阻止了我的“进度条”gif动画。我以为写$('div.photo_wrap img').load(...只会影响使用class="photo_wrap"的照片，但它仍然会阻
浏览 0提问于2012-08-06得票数 0
我已经实现了一个自定义页面模板(Wordpress)的Masonry。我已经规定只显示前10个帖子。但是，我想创建一个“加载更多”链接，以便显示下10个帖子，依此类推，直到Masonry到达最后一个帖子。
我不太了解append方法，以及如何正确使用它的语法。例如，如果容器是#newsContainer，每个磁贴都是.newsContainerPost，我如何正确地将其放入(下图)？
$('#append').click(function(){
var $boxes = $( boxMaker.makeBoxes() );
$container.append( $box
浏览 2提问于2013-02-22得票数 2
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
