jquery-plugins - JQuery Masonry - 锁定 div 仅垂直移动

Question

第一次发帖，但我已经使用这个网站很长一段时间了，我通常可以在这里找到答案。但在这种情况下，我不得不实际询问。

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

问题在于某些仪表板项目会展开以显示更多数据(目前由 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 重新定位它们。通常它仅在浏览器窗口调整大小时才会执行此操作。