如何在 Adob​​e Brackets IDE 中 link 外部 javascript 文件?

How to link external javascript file in Adobe Brackets IDE?

该代码在 Codecademy 中有效,但在 Adobe Brackets IDE 中似乎无效。非常感谢在此问题上的任何帮助!

HTML 文件

<!DOCTYPE html>
<html>
    <head>
        <title>Testing</title>
        <link type="text/css" rel="stylesheet" href="stylesheet.css">
    </head>

    <body>
        <div></div>
        <script src="script.js"></script>
    </body>
</html>

CSS 文件

div{
    height: 100px;
    width: 100px;
    background-color: aqua;
}

Javascript 文件

var main = function(){
    $('div').click(function(){
        $('div').hide();
    });
};

$(document).ready(main);

您没有在文档中包含 jQuery

http://jquery.com/download/

通过 CDN:

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

如果您打开 JavaScript 控制台,您可能会看到一条错误消息,告诉您 $ 未定义。

检查您的文件夹结构。当您包含 js 文件时,与编辑器无关。

还有一件事你的代码看起来是 jQuery 代码,要使它成为 运行 你将需要 jQuery 库文件包含在 script.js 文件之前。要在您的代码中使用 jQuery 函数,您需要先添加函数库。

检查下面的代码

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js"></script>
 <script src="script.js"></script>