单击时未定义对象

Question

我试图在按钮点击时调用我的Utilities对象的成员函数。包含该对象的js文件加载在index.php页面的顶部：

<script type="text/javascript" src="js/utilities.js"></script>
...

并定义了按钮：

<button id="testAJAX" onclick="Utilties.loadSavedGames()">Load Game</button>

点击后，我收到Utilties is not defined错误：

var Utilities = {
     loadSavedGames : function () {
        console.log("Clicked"); //returns Utilties is not defined
     },...

但我很好奇为什么如果我重新加载页面，它可以调用anon函数。这告诉我在页面加载时显然正在加载Utilties对象：

var Utilities = {
    doThis : (function() {
        console.log("Utilities object loaded"); //runs just fine
    })(),

因此，如果对象被加载到index.php页面的顶部，为什么onclick会告诉我对象未定义？

Answer 1

在您的javascript中，您设置了Utilities，但您的onclick正在引用Utilties。缺少i。