Показать / скрыть обратный вызов с помощью jQuery Masonry?

Question

Я хочу скрыть свой контент до тех пор, пока масону не удастся стилизовать его (чтобы избежать страшной вспышки неустановленного контента), а затем скрыть загрузочный gif.Вот фрагмент кода:

var $container = $('#deals');

$(window).load(function(){    
    $container.masonry({
        itemSelector : '.deals-wrapper',
        columnWidth : 0,
        isFitWidth: true
    });
},
function() {
    $container.show();
    $('#loader').hide();
});

Однако я заметил, что когда вызывается .show (), масонство не применяется к содержимому.Я знаю в этом вопросе , создатель Masonry предположил, что сейчас нет хорошей поддержки для обратных вызовов Masonry.Кто-нибудь придумал достойный обходной путь?

Спасибо!

Answer 1

Может быть, вы могли бы использовать css, чтобы скрыть элемент до тех пор, пока он загружается. Также есть функция .imagesLoaded(). Вы можете увидеть пример в моем недавнем Вопросе .