jQuery无法正常运行Dreamweaver。 不确定是否正确链接

Question

因此，这是一个奇怪的问题。 我在JavaScript文件中有一个非常简单的Jquery代码，在Dreamweaver中有一个非常基本的HTML文件。 我像往常一样将.js与html链接在一起，但是在Dreamweaver和浏览器中都没有任何作用。

HEAD的HTML代码

<!DOCTYPE html>
<head>
<meta charset="utf-8" />
<title>College ink.</title>

<link rel="stylesheet" href="homeCSS.css"/>
<script type="text/javascript" src="JQuery-Home.js"></script>

</head>

身体中特定元素的HTML代码

<section>
    <div class="mainBox" id="designBox">    
    <div class="mainSubBox">
        <p class="subBoxText">
            <a href="uploadPage.html">Design</a>
         </p>
    </div>
</div>
</section>

这是JQUERY代码（.js文件中此代码的上方或下方没有任何内容）

$(document).ready(function() {
  $('.mainBox').mouseenter(function() {
     $(this).fadeOut('slow');
  });
});

你能找出实际的问题吗？ CSS有什么用吗？ 谢谢

Answer 1

您似乎没有包含jQuery库。 加：

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

在其他脚本旁边的头部。

Answer 2

jQuery安装链接：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

在文档中链接您的javascript文件的上方添加此代码。