0

jQueryの組積造アニメーションの例を試していて、基本的なページを機能させることができました。ただし、アニメーションは機能していません。

これは非常に苛立たしいことだったので、代わりにjQuery Masonryサイトからサンプルページをコピーし、ページとの違いがわかるまでそれを取り除き始めました。私が導入したグリッチを特定するため。

これが美しく機能するバージョンです：http：//jsfiddle.net/LittleBobbyTables/FrRbv/

ページとフレームのサイズを増減してみてください。ブロックがうまくアニメーション化されていることがわかります。

これが私の（同一？）バージョンですが、機能しません：http: //jsfiddle.net/LittleBobbyTables/M2K9z/

ブロックには自分のスタイルを入れましたが、それ以外は違いがわかりません。どうなり得るか？

4

1 に答える 1

1

Chromeの開発者コンソールを使用して、このエラーはjQuery（jquery.min.js：3）によって吐き出されました。

キャッチされないエラー：構文エラー、認識されない式：##

組積造を適用するコードに無効なセレクターがあります。トリプルハッシュ###は、Sizzle（jQUeryで使用されるCSSセレクターライブラリ）セレクター構文の一部ではありません。代わりに、単一のハッシュを使用して、IDで要素をターゲットにします。

$('#container').masonry({
    itemSelector : '.item',
    columnWidth : 240,
    cornerStampSelector: '.corner-stamp',
    isAnimated: !Modernizr.csstransitions
});
于 2012-06-27T21:24:07.000 に答える