砌体有时无法正确显示内容

Question

我正在创建一个网站，我想在那使用Masonry。 https://masonry.desandro.com 我面临的一个问题是我完全不知道它可能来自哪里。

登录后，砌体工作正常。注销后，好像没有使用jquery代码。

我已经检查了html文件并也使用了差异检查器。 我找不到问题的原因。无论登录还是注销，容器的选择器路径都是相同的。 删除我的index.html的某些部分并移动脚本来调用它（请参见下面的代码），即使在我登录后，砖石也无法正常工作。（因此，无论登录还是注销，砖石都无法工作。）

我不知道什么地方和什么地方可能导致错误。 所以我不知道要提供哪些代码。 我真的很希望有人告诉我应该/应该找出错误的位置和原因。 很抱歉，我的描述太差了。 我以前从未使用过jquery，只有html，css和javascript的经验。

<script>
$('#boxwebpart1817').masonry({
  // options
  itemSelector: '.message',
  gutter: 50,
  isFitWidth: true
});
</script>

Answer 1

加载页面后，<div class="webpartcontentorot">元素将放置在另一个<div>中。如果将<div class="webpartcontentorot">元素移到此<div>之外并重新运行Masonry初始化脚本，则布局将正确显示。

现在，我不确定您是如何将“砌体”部分集成到此网站中或后端如何工作的，但是您可能希望检查一下此细节并尝试找出问题的根源。

这是首次加载的页面

我通过DevTools将部分移到div之外

我执行Masonry初始化脚本，并且布局可以完美运行