砌體重裝＆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); 
}