1

アイソトープは、フィルタリングを要求されたときに、アイテムを返すのに時間がかかる場合があります。

それで、それが起こっている間、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;
});

助けてくれてありがとう！

4

1 に答える 1

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

これが他の誰かに役立つことを願っています。

于 2012-07-11T05:57:45.937 に答える