JQuery Masonry - divを垂直方向にのみ移動するように固定

Question

初めての投稿ですが、私はかなり長い間サイトを使用していました。しかし、この例では私は実際に尋ねることを余儀なくされました

JSは私の強みではありませんのでご了承ください。ダッシュボードのアイテムを持つWebベースのアプリケーションがあります。これらは本質的に、そのユーザーのための特定のコンテンツ（休日、アラート、メッセージなど）を持つdivです。私は石積みを実装して、白いスペースをすべて閉じるようにしました（左右の列はありません）。

ダッシュボード項目の一部が展開されてデータがより多く表示されるという問題があります（これは現在AJAXによって処理されています）。 Masonryはコンテナや他の要素の高さを修正するので、スペースを増やすのではなく、要素を他の要素の背後に置きながらレイアウトを破ります。

アイテムが垂直方向にのみ移動する方法がありますか、または特定のアイテムが常に右または左にあるべきであるとメーソンリーに伝える手段はありますか？

よろしく

<!-- Masonry ---> 
<script type="text/javascript" src="js/jquery.masonry.min.js"></script> 
<script> 
    $(function(){ 

    $('#Dashboard').masonry({ 
     itemSelector: '.DashboardItem', 
     columnWidth : 480, 
     isResizable : true 
    }); 

    }); 
</script> 

Answer 1

あなたはおそらく、石積みがそれらを再配置するように、項目のサイズを変更した後$('#Dashboard').masonry()を自分で呼び出す必要があります。通常、ブラウザのウィンドウのサイズが変更されたときにのみ行います。