砌体重装＆reloadItems不工作

Question

砖石（V3）代码：

$(function msnry(){ 
var columns = 3, 
setColumns = function() { columns = $(window).width() > 640 ? 3 : $(window).width() > 320 ? 2 : 1; }; 
setColumns(); 
$(window).resize(setColumns); 

    // layout Masonry again after all images have loaded 
    var $container = $('#portfoliocontent').masonry(); 
    var msnry; 
    $container.imagesLoaded(function(){ 
    msnry = new Masonry(container, { 
    itemSelector : '.item', 
    columnWidth: function(containerWidth) { return containerWidth/columns;} 
     }); 
}); 

我的砖石容器（又名我的投资组合）

<div id="portfoliocontent" class="portfoliocontainer"></div> 

这里我的目标是隐藏所有与类的div 'designshwr'是有效的，但是砌石的重新加载根本不起作用。

$('.engineeringiC').click(function(){ 
    if($('div.item').hasClass('designshwr')){ 
    $('div.item.designshwr').hide('fast'); 
    $('.portfoliocontainer').masonry('reloadItems'); 

}

有什么建议？我一直在抓我的头在不同的方法来得到它的工作在过去的一周，我仍然在它:(

Answer 1

我终于解决了这个问题，在它的全部。

$(function msnry(){ 
var columns = 3, 
setColumns = function() { columns = $(window).width() > 640 ? 3 : $(window).width() >   320 ? 2 : 1; }; 
setColumns(); 
$(window).resize(setColumns); 

// layout Masonry again after all images have loaded 
var $container = $('#portfoliocontent').masonry(); 
var msnry; 
$container.imagesLoaded(function(){ 
msnry = new Masonry(container, { 
itemSelector : '.item', 
columnWidth: function(containerWidth) { return containerWidth/columns;} 
    }); 
}); 

变种$ container = $（'＃portfoliocontent'）.masonry（）;

如果有其他人遇到这个问题，可能是因为你将砌体初始化应用到你的容器变量。它的帮助，现在工作的伟大:)

Answer 2

我都面临着同样的问题还没有得到任何运气。也许是我的解决方案的效率不高，但每当我有最佳的解决方案到现在为止我已经使用这个。你可以希望试试这个它会帮助你。

$('.engineeringiC').click(function(){ 
    var $container = $('#portfoliocontent').masonry(); 
    if($('div.item').hasClass('designshwr')){ 
    $('div.item.designshwr').hide('fast'); 
    //$('.portfoliocontainer').masonry('reloadItems'); 
    setTimeout(function(){ $container.masonry() }, 400); 
}