javascript - jQuery .load() の後に組積造を有効にする

Question

ページがロードされた後、Masonry などの JS やその他の jquery 関数をアクティブにする方法を教えてください。

私が使う：

jQuery("#filterbox").load("mypage.html"}); works fine, but eg. mansory is not activated.
jQuery('#content #boxes').masonry({ columnWidth: 122, animate: true });

しかし、2番目は「アクティブ化」されていません。

css と js が .load 中にアクティブ化されないのは正しいですか。

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

/よろしく

Answer 1

これを試して：

jQuery("#filterbox").load("mypage.html", function(){
   $('#content #boxes').masonry({ columnWidth: 122, animate: true });
});

ちなみに、おまけの}afterがありmypage.htmlます。

Answer 2

jQuery.load は非同期であるため、jQuery.loadjQuery('#content #boxes').masonryの呼び出し後に直接実行されます。コンテンツが実際にロードされた後にその関数を実行することを jQuery に伝える方法が必要です。

jQuery.load は、2 番目の引数としてコールバック関数を受け取ります。このコールバックは、コンテンツが読み込まれた後に実行されます。これを試して：

jQuery("#filterbox").load("mypage.html", function() {
    jQuery('#content #boxes').masonry({ columnWidth: 122, animate: true });
});

先に進み、.load() のドキュメントを読んでください。

Answer 3

これを試して

jQuery("#filterbox").load("mypage.html",function() {
      jQuery('#content #boxes').masonry({ columnWidth: 122, animate: true });
    });