Использование кладки с загруженными изображениями

Я новичок в JS и надеюсь, что эти вопросы не кажутся слишком глупыми.

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

Мой код:

$(document).ready(function() {

    var $container = $('#post-area');
    $container.imagesLoaded( function() {
        $container.masonry({
            itemSelector : '.box',
            columnwidth: 300,
            gutter: 20,
            isFitWidth: true,
            isAnimated: !Modernizr.csstransitions
        });    
    });
});

Я также получаю эту ошибку Firebug:

TypeError: EventEmitter is not a constructor
ImagesLoaded.prototype = new EventEmitter();

Я загружаю загруженные изображения js вот так в конце моего сайта (я не смог найти никакой информации, если загруженные изображения уже включены в кладку или нет, некоторые писали, что она больше не включена - сбивает с толку):

<script src="http://www.domainname.com/js/imagesloaded.js"></script>

Я был бы очень рад, если бы кто-нибудь мог мне помочь. И скажите мне, является ли загружаемый файл подходящим плагином для решения этой проблемы!

Ответы на вопрос(3)

Ваш ответ на вопрос