newbie question about jquery

flight567 · 04-18-2012, 02:07 AM

hey, sorry about the newbie question, but how exactly does one get something to say... fade in when the document is ready?
what i'm using right now (which isn't working.) is

Code:

$(document).ready(function(){
$('#body').ready(function(){
$('#body').fadeIn(slow);
});
});

any help would be appreciated!
thanks!

felgall · 04-18-2012, 03:09 AM

Just put your JavaScript at the bottom of the page (just before </body> ) and then you will not need to test for it as the document is ready at that point.

flight567 · 04-18-2012, 03:21 AM

so i should fore go the external? i'm experimenting withthe thought of using a .mouseOver, do you think that would be better?

VIPStephan · 04-18-2012, 11:09 AM

The “anonymous” dollar function is a shortcut for $(document).ready(), I don’t understand why people still write it the long way.

Code:

<head>
…
…
<style type="text/css">
#example {display: none;}
</style>
<script type="text/javascript">
$(function() { // this is only executed when the document is ready
   $('#example').fadeIn('slow');
});
</script>
</head>
<body>
…
…
<div id="example"></div>
…
</body>