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/