2013-11-01 62 views
0

我试过使用谷歌API和我自己的jQuery.js文件,我通过了很多检查,我的JavaScript代码似乎很好,所以我猜测它的东西联系起来的jQuery的网页之间明显的是,我失去了我的jQuery代码似乎没有影响我的网页

Here's the code on JSFiddle

<!DOCTYPE html> 
<html> 
    <head> 
     <title>COMPUTERS.</title> 
     <link rel="stylesheet" type="text/css" href="cstyle.css"> 
     <script type="text/javascript" src="cscript.js"></script> 
    </head> 
    <body> 
     <div id="navhead" align="center"> 
      <div id="navleft" class="nav"> 
       <p class="valign">Copyright and Patents</p> 
      </div> 
      <div id="navcentre" class="nav" align="center"> 
       <p class="valign">Computer Misuse</p> 
      </div> 
      <div id="navright" class="nav"> 
       <p class="valign">Data Protection</p> 
      </div> 
     </div> 
    </body> 
</html> 

的Javascript:

$(document).ready(function(){ 
    $(".nav").mouseenter(function(){ 
     $(this).fadeTo("slow", 1); 
    }); 
    $(".nav").mouseleave(function(){ 
     $(this).fadeTo("slow", 0.5); 
    }); 
}); 
+1

它[似乎是工作(http://jsfiddle.net/hzE4M/1/),包括在**框架和扩展jQuery的文件** –

+0

您还没有调用后的jquery ,无论是在您的本地驱动器还是CDN上。 – Andy

+0

我在框架和扩展中添加了jQuery 1.9.1,它似乎正常工作。 – Killrawr

回答

2

哪里的jquery.js

包括在你的文件工作..

您的JS

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

更新小提琴http://jsfiddle.net/hzE4M/2/

0

我试着在你的jsfiddle代码之前添加此行。有用。

$(".nav").mouseenter(function(){ 
    $(this).fadeTo("slow", 1); 
}); 
$(".nav").mouseleave(function(){ 
    $(this).fadeTo("slow", 0.5); 
}); 

http://jsfiddle.net/Alex_Zhe_Han/EmJZQ/

0
<head> 
     <title>COMPUTERS.</title> 
     <link rel="stylesheet" type="text/css" href="cstyle.css"> 
<script src="http://code.jquery.com/jquery-1.9.1.js"></script> 
     <script type="text/javascript" src="cscript.js"></script> 
    </head> 

你的代码是确定的。刚加入这一行。

相关问题