javascript - 如何强制执行将运行所有调整大小功能的调整大小事件

Question

我正在使用 Masonry.js 创建一个砖石风格的博客。问题是，例如，当我单击“文章”时，我的 JS 使除文章之外的所有内容都消失了。而不是所有的文章都填补了以前用其他帖子类型填补的空白，它们只是停留在同一个位置。

一旦我调整了窗口大小，Masonry.js 就会执行它的操作，每个空隙都会被文章填满。我的问题是如何强制执行此操作而无需手动调整窗口大小？

注意:

我试过这个链接 Forcing windows resize to fire这是行不通的。

Answer 1

$(window).resize(function(){
  $('span').text('event fired!');
});
$('button').click(function(){
  window.dispatchEvent(new Event('resize'));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button>Fire event</button>
<span></span>