masonry (macy.js) 不适用于 ie 11。它在触发 "inspect mode" 后起作用

Question

我正在使用 macy.js。当我尝试运行我的网站在 IE11 元素上使用砌体时不起作用，但是当我打开和关闭“检查元素”时，魔法突然变得有效。知道如何在网站加载后立即触发它吗？

html:

  <div class="col-10">
    <div class="portfolio-component__images js-portfolio-component__images w-100 text-right">
      <a href="/"><img class="portfolio-component__images--image" src="images/portfolio_1.png" alt="altTex"/></a>
      <a href="/"><img class="portfolio-component__images--image" src="images/portfolio_2.png" alt="altTex"/></a>
      <a href="/"><img class="portfolio-component__images--image" src="images/portfolio_4.png" alt="altTex"/></a>
      <a href="/"><img class="portfolio-component__images--image" src="images/portfolio_3.png" alt="altTex"/></a>
    </div>
  </div>

js:

const Masonry = new Macy({
  container: '.js-portfolio-component__images',
  columns: 2,
  margin: {
    x: 24,
    y: 24
  }
})

Answer 1

我刚刚弄明白了 - 也许这对其他人有帮助。我需要做的就是添加一行代码，该代码在加载图像时重新计算方法，文档中的方法：

macyInstance.runOnImageLoad(function () {
  console.log('I only get called when all images are loaded');
  macyInstance.recalculate(true, true);
});

masonry (macy.js) 不适用于 ie 11。它在触发 "inspect mode" 后起作用

masonry (macy.js) doesnt work with ie 11. It works after triggering "inspect mode"

javascript

internet-explorer-11

masonry