如何在 Adobe Brackets IDE 中链接外部 javascript 文件？答案

【问题标题】：How to link external javascript file in Adobe Brackets IDE?如何在 Adobe Brackets IDE 中链接外部 javascript 文件？
【发布时间】：2015-08-26 14:32:58
【问题描述】：

代码在 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);

【问题讨论】：

标签： javascript html css adobe-brackets

【解决方案1】：

检查您的文件夹结构。包含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>

【讨论】：

终于设法让代码工作了！感谢您的帮助！
@RafflesAndrison：如果我的回答对你有用，你可以勾选正确的标记接受它
如何引用内部js文件，我在header中添加了脚本标签，文件没有加载到浏览器中，如何解决这个问题
@GANI 你能展示你的代码吗？不看你有什么代码，很难帮你。

【解决方案2】：

您的文档中没有包含jQuery。

http://jquery.com/download/

通过 CDN：

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

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

【讨论】：