javascript - 外部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文件加载成功。

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

当我将 example.js 文件的内容插入到 html 文件中时，它可以警告 "Starting !" :

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

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

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

Answer 1

确保您已在 example.js 之前注入(inject) jquery 脚本。

例如:

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

如果出现任何错误，请检查控制台。