Isotope가 필터를 수행하는 동안 이미지를 로딩 할 위치는 어디입니까?

Question

Isotope가 필터를 요청할 때 물건을 반환하는 데 시간이 오래 걸릴 수 있습니다.

그렇다면 loading.gif를 사용하고 싶습니다. 나는 어떤 jQuery가 그 트릭을 할 것이라고 의심하지만 어디서 무엇을해야하는지 알지 못한다.

동위 원소는 간단하다 : 도움을 사전에

$('#filters a').click(function(){ 
    var selector = $(this).attr('data-filter'); 
    $container.isotope({ filter: selector }); 
    return false; 
}); 

감사 : 그런 다음

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

$container.imagesLoaded(function(){ 
    $container.isotope({ 
itemSelector: '.stream-class', 
transformsEnabled: false, 
    }); 
}); 

, 나는 필터를 트리거 할 문서에서와 같은 간단한 버튼을 사용!

Answer 1

이 나를 위해 작동합니다

$('#filters a').click(function() { 
    var selector = $(this).attr('data-filter'); 
    var lastClicked = $("#filtersLoad2").text(); 


if(lastClicked == selector) { 

    return false;  

} 

    $("#filtersLoad").show(); // Show loading gif in div 
    $container.isotope({ 
     filter: selector 
    }, function(){ 
     $("#filtersLoad").hide(); 
     $("#filtersLoad2").text(selector); // Store last button clicked 
    }); 

    return false; 
}); 

희망이 다른 사람이 도움이됩니다.