Jquery没有工作Dreamweaver。不确定是否正确链接

时间:2014-08-07 19:59:15

标签: javascript jquery html

所以这是一个奇怪的问题。我在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 CODE(.js文件中此代码上方或下方没有任何内容)

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

你能找出实际问题吗?它有什么与CSS有关? 谢谢

2 个答案:

答案 0 :(得分:2)

看起来你不包含jQuery库。添加:

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

在你的另一个剧本的旁边。

答案 1 :(得分:0)

jQuery安装链接:

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

将以上内容添加到文档中链接javascript文件的位置。