Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/tfs/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 分区';应用砌体后,s高度设置为0_Jquery_Html_Css - Fatal编程技术网

Jquery 分区';应用砌体后,s高度设置为0

Jquery 分区';应用砌体后,s高度设置为0,jquery,html,css,Jquery,Html,Css,我对许多产品都有div内容,并且 div#content{ margin-top:20px; width: 560px; min-height: 700px; float:right; } 但是在应用了如下的砌石(jquery插件:)之后: $('#content').masonry({ columnWidth: 275, itemSelector: '.produkt' }).imagesLoaded

我对许多产品都有div内容,并且

div#content{
       margin-top:20px;
       width: 560px;
       min-height: 700px;
       float:right;
}
但是在应用了如下的砌石(jquery插件:)之后:

   $('#content').masonry({
      columnWidth: 275,
      itemSelector: '.produkt'
   }).imagesLoaded(function() {
      $('#content').masonry('reload');
   });
div#content的高度是否设置为0

有人能帮我吗

谢谢

尝试将此设置为div#content


设置项目的最小高度(使用.produkt类)

看起来imagesLoaded插件不起作用。在未加载图像的情况下,Mashise假定容器为空,并将高度设置为0。JS控制台告诉您什么?

除了设置图像的高度属性(或使用CSS)之外,另一种方法是在窗口加载中包装您的代码,而不是准备文档

$(window).load(function () {

    $('#content').masonry({
        columnWidth: 275,
        itemSelector: '.produkt',
        animate: true
    });

});

jquery插件:你能展示一个演示或JSFIDLE吗?您正在使用V2吗?演示在这里:www.marygate.cz/beta抱歉,只有捷克语,但代码是英语的Hit显示了这一点。。。TypeError:$(…).Massiness(…).imagesLoaded不是一个函数。您肯定已将语法记录下来,是否确实已将imagesLoaded插件包含在函数中?请记住,砖石不再随它来,你必须下载它从谢谢,我不知道jquery好,我编辑的最终决议只有。。。我已经下载了它,并将其包含在head中,但现在控制台显示
没有为砖石实例“重新加载”这样的方法
老实说,砖石的第2版给我带来了很多麻烦,尤其是在这方面。如果使用CSS设置图像的高度,则根本不需要添加图像。然而,很明显,新的砖石结构修复了这个问题(这是一个bug)。你的砌体脚本是最近的吗?它是从官方网站下载的,所以应该是新的。现在我已经编辑了它,我没有在那里加载图像。。。但仍然是高度0…谢谢,我只需要再次开始砌筑(经过两次计算),其中
柱宽
是唯一需要的选项。这必须在
$(窗口)中完成。确实要加载
函数。
$(window).load(function () {

    $('#content').masonry({
        columnWidth: 275,
        itemSelector: '.produkt',
        animate: true
    });

});