Simple Jquery not working in index.html file or external.

**davep1234** · Aug 02nd, 2013, 04:13 PM

Hello, I've designed a little site using HTML/CSS and i decided to add some Jquery that i learned. Unfortunately I can't figure out how to get it to work.

I tried linking to an outside script.js file similar the way I do my .css but no luck. Anyways heres the script. I got the code of codeacademy.com because the one I was using wasn't working so I'd figure I would use one from there lessons that worked.

Also for linking to external I did <script type="text/javascript" src="script.js"> </script>

sorry if I didn't insert the html properly, I couldn't find a option to do so.

<!DOCTYPE html>
<html>
<head>
<title>Krypton Redux</title>
<link rel='stylesheet' type='text/css' href='newcss.css'/>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js">
</script>

</head>
<body>

<div> </div>

<script>
$(document).ready(function() {
$('div').mouseenter(function() {
$(this).animate({
height: '+=10px'
});
});

$('div').mouseleave(function() {
$(this).animate({
height: '-=10px'
});
});
$('div').click(function() {
$(this).toggle(1000);
});
});
</script>

</body>
</html>

**Web Design Forums** · Aug 02nd, 2013 04:13 PM

**TheGAME1264** · Aug 02nd, 2013, 04:36 PM

Upload your example somewhere so we can see it.

**Ronald Roe** · Aug 05th, 2013, 09:00 AM

You're missing the "http:" in your src for jquery.

**Ronald Roe** · Aug 05th, 2013, 09:10 AM

Also, you could use .hover() to shorten up your script a bit:

Code:

$(function(){           /* Same as $(document).ready(function() */
  $('div').hover(
    function(){$(this).animate({height: '+=10px'});
    },
    function(){$(this).animate({height: '-=10px'});
    });
});

**TheGAME1264** · Aug 05th, 2013, 09:10 AM

No he's not. That' done so that the script will still load on encrypted pages (i.e. pages that are of the form https://whatever).

**Ronald Roe** · Aug 05th, 2013, 09:26 AM

Originally Posted by TheGAME1264

No he's not. That' done so that the script will still load on encrypted pages (i.e. pages that are of the form https://whatever).

Was not aware of that. However, when I put the link in that way, the script doesn't work, but if I add the http:, it works fine. But then, I'm just running an HTML file straight from the local disk. Perhaps a server is required?

**TheGAME1264** · Aug 05th, 2013, 09:53 AM

Maybe. I usually only ever load it from an absolute path just to be paranoid safe anyway.

**davep1234** · Aug 05th, 2013, 03:00 PM

Ya i added the http: and it ended up working. Thanks Ronald.

Thread: Simple Jquery not working in index.html file or external.

LinkBack

Thread Tools

Search Thread

Display