使用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代码。

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

或至少在开口身体标签下面。

它试图将theChild附加到未加载到头部的body标签。