2012-11-07 34 views
2

這是我第一次使用jQuery Masonry PluginjQuery Masonry:不管dom命令如何存儲dom元素?

我遇到的問題是我正在處理兩種尺寸的.box es。因此,基本尺寸爲180x120px,尺寸是「360x240px」的兩倍。

而且爲了解釋我的問題,我做了我目前正在使用的網站的快速樣機。

enter image description here

什麼,你可以在這裏看到的是網格我已經與砌築工作。框中的數字表示DOM中框的順序。

正如您所看到的,由於DOM元素nr5是一個大框,因此右上角缺少一個「空格」。

現在我的問題 是否有可能(或者是否有砌體設置),以便在這種情況下,第7號會漂浮在右上角?我只是不想留下任何空間!

任何想法?

我正在使用的代碼是這樣的......

$wall.masonry({ 
      columnWidth: 180, 
      itemSelector: '.box:not(.invis)', 
      animate: true, 
      animationOptions: { 
       duration: 650, 
       easing: 'linear', 
       singleMode: true, 
       queue: true 
      } 
     }); 

預先感謝您。

回答

0

嘗試使用wookmark jquery插件修復您的問題。 wookmark插件與砌體相同,也使用裝箱算法。但我不認爲砌體插件會浪費空間,因爲組合太多。這是一個完整或難解的問題。當你可以用多項式時間解決它時,你是一個有錢人!?