我的jQuery代码似乎没有影响我的网页

Question

我已经尝试使用谷歌api和我自己的jQuery.js文件，我经常检查它，我的javascript代码似乎很好，所以我猜它是链接jQuery到网页之间的明显的东西我迷路了

<!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);
    });
});

Answer 1

jquery.js在哪里

包括在你的文件中工作..

在你的js之前添加这一行

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

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

Answer 2

我在JSFiddle中尝试了你的代码。 有用。

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

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

Answer 3

 <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>

你的代码还可以。只需添加此行。

我的jQuery代码似乎没有影响我的网页

问题描述

3 个解决方案

解决方案1
2 已采纳 2013-11-01 10:20:16

解决方案2
0 2013-11-01 10:26:33

解决方案3
0 2013-11-01 10:28:54

我的jQuery代码似乎没有影响我的网页

问题描述

3 个解决方案

解决方案1 2 已采纳 2013-11-01 10:20:16

解决方案2 0 2013-11-01 10:26:33

解决方案3 0 2013-11-01 10:28:54

解决方案1
2 已采纳 2013-11-01 10:20:16

解决方案2
0 2013-11-01 10:26:33

解决方案3
0 2013-11-01 10:28:54