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;
});

希望这有助于其他人。

在同位素执行过滤器的同时放置加载图像的位置？

1 个答案: