外部 Js 文件无法运行 Jquery

Question

我的外部 js 文件（example.js）：

alert("External js file has just been loaded !");

$("#start").click(function (e) {
    alert("Starting !");  
});

我的 HTML 文件有<script type="text/javascript" src="example.js"></script>. 当我加载页面时，它发出警报"External js file has just been loaded !"，这意味着 js 文件已成功加载。

但是，当我单击“开始”按钮时，它不会发出 alert "Starting !"。

当我将 example.js 文件的内容插入到 html 文件时，它会发出警报"Starting !"：

<script>
    alert("External js file has just been loaded !");

    $("#start").click(function (e) {
        alert("Starting !");  
    });
</script>

如何解决外部 js 文件的此类问题？

Answer 1

确保jquery在example.js.

例如：

<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="example.js"></script>

如果您遇到任何错误，请检查您的控制台。