如何在Adobe Brackets IDE中链接外部JavaScript文件？

Question

如何在Adobe Brackets IDE中链接外部JavaScript文件？

Raf*_*son 6 html javascript css adobe-brackets

该代码适用于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>

Run Code Online (Sandbox Code Playgroud)

CSS文件

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

Run Code Online (Sandbox Code Playgroud)

Javascript文件

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

$(document).ready(main);

Run Code Online (Sandbox Code Playgroud)

Answer 1

Nil*_*jan 1

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

另一件事是，您的代码似乎是 jQuery 代码，要使其运行，您需要在 script.js 文件之前包含 jQuery 库文件。要在代码中使用 jQuery 函数，您需要首先添加函数库。

检查下面的代码

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

Run Code Online (Sandbox Code Playgroud)

归档时间：	10 年，6 月前
查看次数：	4444 次
最近记录：	10 年，6 月前