0

Isotope 2.0 jQuery プラグインを使用しています。古い例を見直すと、多くのオプションが変更されていることがわかりました (初期化など...)。2.0 バージョンで動作する実例を 1 つだけ見つけました。

    $(document).ready(function() {(function ($) {
        var $container = $('#posts'),
            isotope = function () {
                $container.isotope({
                    itemSelector: '.item',
                });
            };
        isotope();
        $(window).on('debouncedresize', isotope);
    }(jQuery));
});

現在、2 つの質問があります。1)。このスクリプトをImages Loadedプラグインと統合する方法。私のinitスクリプトとは異なるため、ドキュメントの例は機能しません。2)。サイトにいくつかの div ブロックがあり、Isotope でそれらを個別に使用します。つまり、initメソッドは、使用可能なコンテナーを一覧表示し、独自の独立したフィルターを作成できる 1 つの基本的なスクリプトから構成する必要があります。

どうすれば解決できますか？同様の回答を見 たことがありますが、1.5.x バージョンでのみ機能します

4

1 に答える 1

1

単純化されたコードを次に示します。

 $(document).ready(function() {
  var $container = $('#posts');
   $container.imagesLoaded( function() {
   $container.isotope({
      itemSelector: '.item',
    });
 });
 });

またはあなたのコードで：

$(document).ready(function() {
var $container = $('#posts'),
isotope = function () {
  $container.isotope({
  itemSelector: '.item',
   });
  };
   $container.imagesLoaded( function() {
  isotope();
    $(window).on('debouncedresize', isotope);
}(jQuery));
 });
 });
于 2014-09-26T19:02:17.497 に答える