当我包含砌体jquery脚本时,图像消失

时间:2013-12-25 10:05:42

标签: jquery jquery-masonry

我正在尝试使用砌体脚本将图像作为图库,根据不同大小的图像没有任何间隙。我尝试了jQuery方式初始化,但我无法在脚本初始化时看到图像。但如果我没有做脚本初始化我的意思是不使用砖石我能够看到图像。

我认为脚本应用position:absolute我不知道发生了什么。

CODE:

 $(document).ready(function() {                  
    var $container = $('#p-grid');
    // initialize
    $container.masonry({
        columnWidth: 200,
        itemSelector: '.photos'
    });
    var msnry = $container.data('masonry');
});

为什么会这样?这里有什么问题?我做得对吗?

Jsfiddle

1 个答案:

答案 0 :(得分:1)

尝试这样的事情,FIDDLE

.pic {
width: 100px;
height: 100px;
position: relative
}

.pic img {
    width: 100px;
    height: 100px;
}