javascript - Masonry javascript插件出现“未定义”错误

Question

我正在使用Vanilla Masonry（原始 JS，非 jQuery 版本），如下所示：

在头部：

<script id="masonry" type="text/javascript" src="resources/js/masonry.js"></script>

体内：

<script>
window.onload = function() {
  var wall = new Masonry( document.getElementById('ext-component-3'), {
    columnWidth: 145
  });
};
</script>

但我不断得到：

Uncaught ReferenceError: Masonry is not defined 
Uncaught TypeError: Cannot call method 'appendChild' of undefined

有谁知道我的设置可能有什么问题？

Answer 1

我查看了 masonry.js 代码。

您需要将对砌体文件的引用移动到页面底部（在结束 body 标记之前）。

或者至少在打开的正文标签下方。

它试图将Child 附加到尚未加载到头部的body 标记中。