2

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

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>
4

1 回答 1

0

您可能必须$('#Dashboard').masonry()在调整项目大小后调用自己，以便 Masonry 重新定位它们。通常它只在浏览器的窗口调整大小时才会这样做。

于 2011-11-23T10:38:00.107 回答