同位素在加载之前执行

Question

我正在努力使我的同位素在加载后执行，因为否则，同位素项目重叠。 - 我正在尝试将上载插件（http://imagesloaded.desandro.com/）应用于我的同位素，但是，我正在努力在映像加载后努力执行同位素。

下面是我的同位素，没有图像，如果有人知道如何解决这个问题，我将非常感激！（：这是我的同位素：http：//illuminategg.hol.es/portfolio.html

    var isotope_port = $('.port-isotope');
isotope_port.isotope({
    'itemSelector': '.item'
});
$('.port-filter a').click(function() {
    $(this).parent().parent().find('li').removeClass('selected');
    $(this).parent().addClass('selected');
    var selector = $(this).attr('data-filter');
    isotope_port.isotope({ filter: selector });
    return false;
});

Answer 1

对于已加载的图像，首先将脚本添加到您的页面上，因为它不是同位素的一部分。然后使用如下：

var isotope_port = $('.port-isotope'); isotope_port.imagesLoaded( function() { isotope_port.isotope({ 'itemSelector': '.item' }); });