JQuery Masonry - 锁定div只能垂直移动

Question

第一次发布海报，但我已经使用过该网站很长一段时间了，我通常会在某处找到答案。在这种情况下，我不得不实际问。

JS不是我的强项，所以请耐心等待。我们有一个基于Web的应用程序，其中包含仪表板项目。这些本质上是div，其中包含针对该用户的特定内容（例如假日，警报，消息等）。我已经实施了Masonry来关闭白色空间，因为它们都是自然浮动的（没有左右列）。

问题在于某些仪表板项目展开以显示更多数据（目前由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()，以便Masonry重新定位它们。通常只有在浏览器窗口调整大小时才会这样做。