javascript - 关于jquery瀑布流插件masonry的问题。
本文介绍了javascript - 关于jquery瀑布流插件masonry的问题。的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
偶尔会出现一个div重叠在另一个div上的情况,有时不会。
然后改变屏幕宽度时,他会重新排版,就没问题了。这要怎么解决?延时?延迟什么?
注:这是代码一部分
$(function() {
var $container = $('#masonry');
$container.imagesLoaded(function() {
note.grid = $container.masonry({
itemSelector: '.box',
gutterWidth: 10,
isAnimated: true,
isFitWidth: true,
isResizableL: true
});
note.items = $(html);
note.grid.append(note.items).masonry('appended', note.items).masonry('reloadItems').masonry('layout');
});
});
解决方案
setTimeout(function(){
$container.append($div).fadeIn("4000").masonry("appended" , $div);
},150);试一下,我最近几天也在用这个插件写动态加载出来的瀑布流效果
这篇关于javascript - 关于jquery瀑布流插件masonry的问题。的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文