My jQuery code doesn't seem to be affecting my web page

Question

I've tried using the google api and my own jQuery.js file, and I'm checked it through a lot and my javascript code seems to be good, so I'm guessing it's something obvious between linking jQuery to the web page that I'm missing

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

It seems to be working after including the jQuery file in the Frameworks & Extensions — palaѕн
– palaѕн, Commented Nov 1, 2013 at 10:20
You haven't included the call to jquery, whether that's on your local drive, or a CDN. — Andy
– Andy, Commented Nov 1, 2013 at 10:20
I added jQuery 1.9.1 in Frameworks & Extensions, and it seems to work, as is. — classicjonesynz
– classicjonesynz, Commented Nov 1, 2013 at 10:22

Sridhar R · Accepted Answer · 2013-11-01 10:20:16Z

2

Where is the jquery.js

Include that in your file to work..

Add this line before your js

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

Updated Fiddle http://jsfiddle.net/hzE4M/2/

answered Nov 1, 2013 at 10:20

Sridhar R

20.4k7 gold badges41 silver badges35 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Alex.Zhe.Han · Accepted Answer · 2013-11-01 10:26:33Z

0

I tried your code in JSFiddle. It works.

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

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

answered Nov 1, 2013 at 10:26

Alex.Zhe.Han

763 bronze badges

Comments

Biswajit · Accepted Answer · 2013-11-01 10:28:54Z

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>

your code is ok .just add this line.

answered Nov 1, 2013 at 10:28

Biswajit

2,5162 gold badges32 silver badges38 bronze badges

Collectives™ on Stack Overflow

My jQuery code doesn't seem to be affecting my web page

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related