jquery - Isotope 执行过滤器时将加载图像放在哪里？

Question

当要求过滤时，同位素可能需要一段时间才能返回内容。

所以，我想在这种情况下使用 loading.gif。我怀疑一些 jQuery 会做到这一点，但不知道在哪里或应该是什么样子这样做。

同位素很简单：

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

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

然后，我使用文档中的简单按钮来触发过滤器：

$('#filters a').click(function(){
  var selector = $(this).attr('data-filter');
  $container.isotope({ filter: selector });
  return 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;
});

希望这对其他人有帮助。