javascript - jQuery Isotope - Ajax ページの読み込みと初期化

Question

リロードでき（問題ありません）、呼び出しで呼び出すことができるページがありAjaxます。

isotopeプラグインの初期化コードを入れると$(document).ready、同位体アイテムがすべて台無しになります。$(window).loadすべてにおいて正常に動作します。

Ajax問題は、イベントを介してページを呼び出すと、load明らかに起動しないことです。

初期化をコールバックに入れるとAjax、 と同じ問題が発生し$(document).readyます。

私の現在の回避策はsetTimeout私の$(document).ready. これは明らかな理由から、良い解決策ではありません。

何か良い解決策はありますか？

Answer 1

ajax が正常にロードされたかどうかを確認してから、isotope を呼び出してください。

$.getScript("ajax.html", function(data,exception) {   
    if(exception === "success")
    {
        masonryBlocks();
    }
});

function masonryBlocks(){
  $(function(){    
      var $container = $('#container');

      $container.isotope({
        itemSelector: '.box',
        masonry: {
          columnWidth: 1
        }
      });
  });
}