2012-06-15 91 views
0

我已經設置了砌體演示上this page砌體加載,但不工作

我看到插件加載罰款,沒有任何錯誤。我已經定義了列寬,但它仍然不起作用。

我看了幾個小時,也找不到什麼毛病?你看到問題是什麼?

+0

您正在加載jQuery兩次。 'google.load(「jquery」,「1.7.1」);'和''。你有'itemSelector:'.box',',但你的元素有'.box2'類。你一直在找幾個小時? :) – thirtydot

+0

@thirtydot哦.box2的東西是我測試的原因,但它不起作用,即使這個更正。而我基於WordPress的,即使jquery被加載兩次(我試圖刪除多餘的),所有我的jquery調用的作品。我什至做一個console.log ...? –

+0

jQuery Masonry現在正在處理您的頁面。使圖像更窄或圖像的容器更寬,並且您會看到。 :/ – thirtydot

回答

6

根據文檔在這裏:砌築文檔,你的CSS itemSelector類需要指定一個寬度和左浮動。你有定義的浮點數,但我沒有看到寬度規則。此外,由於您的itemSelector中的定位標記中有圖像,因此確保這些寬度與itemSelector寬度相同是個不錯的主意。

0

根據您的標記,你需要在你的磚石選項來指定類「BOX2」。 所以你應該嘗試:

$container.masonry({ 
    itemSelector : '.box2', 
    columnWidth: 125 
}); 

試試看看你是否成功。

+0

其實我正在做一個測試,對不起,但現在它已被糾正,仍然無法正常工作。我的console.log彈出,所以它正在經歷。 –

+0

根據這裏的文檔:[masonry docs](http://masonry.desandro.com/docs/intro.html),你的css itemSelector類需要指定一個寬度並向左浮動。你有定義的浮點數,但我沒有看到寬度規則。此外,由於您的itemSelector中的定位標記中有圖像,因此確保這些寬度與itemSelector寬度相同是個不錯的主意。 – chrisvillanueva

+0

好吧,它的工作。但現在,爲什麼它保留在2列,並沒有採取容器寬度? –