JQuery Masonry - не могу приступить к работе - упустить что-то очевидное?

Question

Я уже создал свою страницу, попытался добавить к ней масонство и потерпел неудачу. После того, как я поразил мой мозг несколькими вариациями и использовал примеры, найденные на их сайте , я решил раздеть его до самого ядра, чтобы он работал отдельно, прежде чем я верну его в свой код. Это все еще не работает само по себе, и я добавил все, что я могу придумать и увидеть (на их сайте), необходимое для работы масонства.

• Я включил JavaScript в своем браузере.
• Я проверил, что оба источника скриптов верны.
• У меня есть файлы jQuery и Masonry .js.
• Я пробовал класс clearfix, используя тот же код из их источника в контейнере div.
• Я учел запас, который делает мои элементы класса .box 420px, даже если они имеют ширину 400px.
• Они плавают правильно, просто масонство у меня совсем не работает.

Пожалуйста, см. этот jsFiddle , что я имею в виду, и если ваш монитор недостаточно широк, чтобы увидеть плавающие в кадре столбцы столбцов, тогда посмотрите this .

Примеры кладки на их сайте работают нормально, так что это не имеет никакого отношения к моему браузеру - просто что-то упускается из-за чего-то очевидного в моем коде. Если бы кто-то мог просто указать мне, где я иду не так, это было бы очень признательно. Заранее спасибо.

Answer 1

То же самое для меня, позже я заметил, что мы должны обернуть скрипт в function() следующим образом:

$(function(){
    var $container = $('container');
    $container.imagesLoaded( function(){
        $container.masonry({
            itemSelector : '.box'
        });
    });
});

Кстати, в официальном образце кладки (демонстрация изображения) они все еще пропускают это (возможно, егоочевидно легко - но новичок получил удар)

Answer 2

Не знаю, будет ли это по-прежнему полезно для вас, но вам просто нужно прикрепить код перед закрывающим тегом body и убедиться, что вы вызываете файл jQuery перед Masonry

http://jsfiddle.net/cbmunro/GY4mj/6/