Две идентичные страницы каменной кладки jQuery - оба анимированные, угловые - имеют различное поведение

Question

Я пытаюсь использовать примеры анимации каменной кладки jQuery и сумел получить базовую страницу. Однако анимация не работает.

Это было очень неприятно, поэтому вместо этого я скопировал примерную страницу с сайта макетинка jQuery и начал снимать ее, пока не смог определить разницу между ней и моей страницей; чтобы определить, какой глюк я ввел.

Вот красиво рабочая версия: http://jsfiddle.net/LittleBobbyTables/FrRbv/

Try увеличение/уменьшение страницы и размер кадра, и вы заметите, что блоки анимации красиво.

Вот моя (Идентичная?) Версия, которая не работает: http://jsfiddle.net/LittleBobbyTables/M2K9z/

Я поместил в своих собственных стилях к блокам, но кроме этого, я не вижу никакой разницы. Что бы это могло быть?

Answer 1

Использование консоли разработчика Chrome, эта ошибка была выплюнул на JQuery (jquery.min.js: 3):

Uncaught Error: Syntax error, unrecognized expression: ##

Вы есть недопустимое селектор в коде, где вы претендуете масонство. Тройной хэш ### не является частью синтаксиса селектора Sizzle (CSS selector library, используемого jQuery). Вместо этого используйте один хэш для таргетинга элемента по ID:

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