my jquery is not working in any browser i reffered many answers on web for it none helped me out..!!
This is my code in the index file i tried in both (index.html) and (index.php)
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jquery</title>
</head>
<body>
<div id="message" style="display:none;"> Welcome to my site</div>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/fade.js"></script>
</body>
</html>
the javascript files were in js folder.
And the fade.js code was :-
$(document).ready(function() {
$('#message').fadeIn('slow');
});
and the jquery code was which i downloaded from jquery website i tried the production both versions 1 and 2 and also other source links like
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
also jquery source links which some users uses. also i tried to shift the script code above the tags. but whatever it is i tried not working in any browsers.
Please Help me out guys...!!
fucntion should be function & load the jQuery before your script.
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
$(document).ready(function() {
/*^^^^^^*/
$('#message').fadeIn('slow');
});
You have to load jQuery before you try to call functions it provides. Swap the order of your script tags.
Then look at your JavaScript error console. It will be complaining that you have misspelt function as fucntion.
Just copy/paste this:
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Jquery</title>
<script type="text/javascript" src="js/jquery.js"></script>
<script>
$(document).ready(function() {
$('#message').fadeIn('slow');
});
</script>
</head>
<body>
<div id="message" style="display:none;"> Welcome to my site</div>
</body>
</html>