2011-06-13 98 views
2

我正在使用jQuery Isotope插件,儘管我已經開始工作,但似乎無法讓它識別任何邊距。使用jQuery同位素插件設置寬度和高度

我可以在Firebug中看到正在應用邊距,但項目只是重疊邊距(我認爲因爲同位素使用絕對定位)。

我有寬度通過下面簡單的工作:

masonry : { 
columnWidth : 172 
      } 

,但我無法弄清楚如何獲得高度的工作(我試過的rowHeight用磚石和masonryHorizo​​ntal)。

我該如何判斷同位素的寬度和高度?

由於

回答

1

嘗試使用此代碼:

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

我有一個相似的(如果不相同)的問題;我的物品之間沒有垂直間距。確保你的平鋪元素包含以下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; 
} 

希望這有助於。

1

問題可能是在加載圖像之前,Isotope正在做它的事情。 使用此代碼:

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

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