javascript - 我的功能在控制台中有效，但在文件中无效

Question

我对 jQuery 很陌生，我有以下功能：

$('#new-game').click( evt => {
    evt.preventDefault();

    console.log("HELP ME");
    alert('button');
    startGame();
});

当我将它复制到 Google 检查器控制台时，此功能有效，但是当我单击按钮而不先将功能添加到控制台时，什么也没有发生。

<!-- jQuery ---------------------------------->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>

    <!-- JS ----------------------------->
    <script src="/js/grammarian.js"></script>

如您所见，我的 js 文件在我的 jQuery 之后，所以我不确定为什么会这样。

标签： javascriptjqueryhtmlcssexpress