JQuery Masonry - 锁定 div 仅垂直移动

Question

第一次发帖，但我已经使用该网站很长一段时间了，而且我通常会在某个地方找到答案。然而，在这种情况下，我不得不实际询问。

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

问题在于某些仪表板项目展开以显示更多数据（目前由 AJAX 处理）。因为 Masonry 固定了容器和其他元素的高度，这会破坏布局，让元素落后于其他元素，而不是腾出更多空间。

有没有办法让物品只能垂直移动，或者可以告诉 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 重新定位它们。通常它只在浏览器的窗口调整大小时才会这样做。