jQuery .load（）後激活砌體（）

Question

如何激活JS和其他jquery函數，如頁面加載後的砌體。

我使用：

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

但第二不是 「激活」。

是否正確：css和js在.load期間未被激活，以及如果之後我如何激活它。

感謝您的幫助..

/問候

Answer 1

試試這個：

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

順便說一句，你mypage.html之後有一個額外的}。

Answer 2

由於jQuery.load是異步的，因此jQuery('#content #boxes').masonry將在調用jQuery.load之後直接運行。你需要一種方法告訴jQuery你想在內容實際加載後執行該功能。

jQuery.load將回調函數作爲第二個參數。此回調將在您的內容加載後執行。試試這個：

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

繼續閱讀documentation for .load()。

Answer 3

試試這個

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

Answer 4

添加ImagesLoaded腳本 https://github.com/desandro/imagesloaded/blob/master/imagesloaded.js

嘗試：

jQuery("#filterbox").load("mypage.html",function() { 
    jQuery('#content').imagesLoaded(function() { 
     jQuery(this).masonry({ itemSelector: '.box' }); 
    }); 
}); 

它爲我，希望這可以幫助你太

我的例子（選擇導航欄中）： http://test.crystalstudio.me/nms/