Question

$('.item-filter').on('click', 'a', function(e) {
    e.preventDefault();
    var selector = $(this).data('filter');
    $(".item-filter a").removeClass("active");
    $(this).addClass("active");

     $(".item").not(selector).hide ();  
     $('.masonry-list').masonry();
     $(selector).show () 
};

图像相互加载.. 当我没有点击两次时，它不会加载它 .. dualgroup.org/arcadis/projects.html在这里你可以检查一下只是第一次当你过滤它时，它正确加载图像。没有点击它两次它不加载？

Answer 1

我已经弄明白了我已将javascript代码更改为此

    /*-- MASONRY --*/
var getMasonry = $('.masonry-list');
getMasonry.imagesLoaded(function () {
    getMasonry.masonry({
        itemSelector: '.grid-sizer',


        columnWidth: '.grid-sizer',
        isAnimated: true

图像加载到彼此的砌体过滤器

1 个答案: