2012-06-27 52 views
0

我正在嘗試jQuery砌體動畫示例,並設法獲得基本頁面的工作。但是,動畫不起作用。兩個完全相同的jQuery砌體頁面 - 兩個動畫,轉角有不同的行爲

這是非常令人沮喪的,所以我從jQuery Masonry站點複製了示例頁面,並開始剝離它,直到我可以發現它與我的頁面之間的區別;以確定我引入的任何故障。

這裏是一個美麗的工作版本:http://jsfiddle.net/LittleBobbyTables/FrRbv/

嘗試增加/減少網頁和框的大小,你會發現,這些塊動畫很好。

這裏是我的(相同的?)版本,它不工作:http://jsfiddle.net/LittleBobbyTables/M2K9z/

我把我自己的風格來塊,但除此之外,我看不出有什麼區別。會是什麼呢?

Uncaught Error: Syntax error, unrecognized expression: ##

你必須在你申請砌體代碼無效的選擇:

回答

1

使用Chrome的開發者控制檯,用的jQuery(3 jquery.min.js)吐出了這個錯誤。三重散列###不是Sizzle(jQuery所使用的CSS選擇器庫)選擇器語法的一部分。相反,使用單個散列通過ID將元素作爲目標:

$('#container').masonry({ 
    itemSelector : '.item', 
    columnWidth : 240, 
    cornerStampSelector: '.corner-stamp', 
    isAnimated: !Modernizr.csstransitions 
}); 
+0

太棒了!謝謝,不知道我是如何錯過的:O – LittleBobbyTables

+1

沒問題。我的腳本因爲錯過分號而失敗的次數太可笑了! – Bojangles

相關問題