Javascript 砌体为何按单柱搭接排列
我使用追加函数将元素追加到已初始化的砖石实例中,但我的所有瓷砖都在一列中布局,许多瓷砖重叠。你能看出我做错了什么吗Javascript 砌体为何按单柱搭接排列,javascript,jquery,jquery-masonry,masonry,Javascript,Jquery,Jquery Masonry,Masonry,我使用追加函数将元素追加到已初始化的砖石实例中,但我的所有瓷砖都在一列中布局,许多瓷砖重叠。你能看出我做错了什么吗 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
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++){
elems += '<div class="pageNewsItem" id="'+ count + i + '">\
<div class="textWrap">\
<a href="' + news.data[i]._url + '">\
<strong>' + news.data[i]._title + '</strong>\
</a>\
<span class="source">' + news.data[i]._source + '</span>\
</div>\
<div class="imageWrap"></div>\
<div class="thumbsOverlay" style="display:none">\
<div class="thumbs">\
<div>\
<a href="#"" class="up"><img src="../images/Thumbs-Up-2.png" /></a>\
<a href="#"" class="down"><img src="../images/Thumbs-Down-2.png" /></a>\
</div>\
</div>\
</div>\
</div>';
getTileImage({total: news.count, i:count + "" + i, url:news.data[i]._url});
}
elems = $(elems);
$('#news').append(elems).imagesLoaded(function(){
$('#news').masonry( 'appended', elems, true );
});
newsPage = 0;
count++;
hoverTiles();
}
$(document).ready(function() {
newClock();
readyLogin();
var $container = $('#news');
//$container.imagesLoaded( function() {
$container.masonry({itemSelector: '.pageNewsItem'});
//});
obtainSearchQuery();
});
函数placeNewsTiles(news){//places news tiles
变量长度=(news.data.length>20)?20:news.data.length;
var$container=$(“#新闻”);
var elems=“”;
对于(变量i=0;i
在这一行,添加项目后,尝试触发布局:
$('#news').masonry( 'appended', elems, true ).masonry('layout');
我已经看到过有和没有额外的
.massy()
调用的示例,但它可能会起作用。哇!在你回答之前我就试过了,结果成功了!非常感谢!