使用jQuery同位素插件设置宽度和高度

我正在使用jQuery Isotope插件，尽管我已经开始工作，但似乎无法让它识别任何边距。使用jQuery同位素插件设置宽度和高度

我可以在Firebug中看到正在应用边距，但项目只是重叠边距（我认为因为同位素使用绝对定位）。

我有宽度通过下面简单的工作：

masonry : { 
columnWidth : 172 
      }

，但我无法弄清楚如何获得高度的工作（我试过的rowHeight用砖石和masonryHorizontal）。

我该如何判断同位素的宽度和高度？

由于

来源

2011-06-13 user795918

尝试使用此代码：

$(window).load() instead of $(document).ready()

来源

2011-08-01 09:42:21 leison

我有一个相似的（如果不相同）的问题;我的物品之间没有垂直间距。确保你的平铺元素包含以下CSS属性：

.element { 
    width: 110px; /*your columnWidth minus 10px */ 
    height: 110px; /*same as width, for a square grid system*/ 
    margin: 5px; /*5px here will result in 10px of vertical spacing between tiles*/ 
    float: left; 
    overflow: hidden; 
    position: relative; 
}

希望这有助于。

来源

2011-08-18 03:52:07 SteamDev

问题可能是在加载图像之前，Isotope正在做它的事情。使用此代码：

var $container = $('#container'); 

$container.imagesLoaded(function() { 
    $container.isotope({ 
    // options... 
    }); 
});

来源

2013-02-08 15:51:08

使用jQuery同位素插件设置宽度和高度

回答

相关问题