javascript - 关于jquery瀑布流插件masonry的问题。

查看:84
本文介绍了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屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆