[ad_1]
Facebook –
GitHub –
Google+ –
LinkedIn –
reddit –
Support –
thenewboston –
Twitter –
jQuery Tutorial – 6 – Document Ready Event
by
Tags:
Comments
38 responses to “jQuery Tutorial – 6 – Document Ready Event”
-
Why does this work when I have the inline style, but when I put the style in another file, it doesn't?
-
Your tutorials are very clear and concise. Keep it up!
-
wow
-
Thank you! Your tutorials are saving my life! <3
-
This is so cool!
-
I've watched the videos up to 5 so far and I like what I'm hearing learning and experiencing. I hope this is up to date. I'm keeping just for today in mind for those who know what that means.
-
not working…
-
Your a good teacher
-
Thank you for the tutorial.
GOD keep you. -
As always thank you so much alex.
-
Thank you so much for this tutorials!
-
why put these script tags in the <body> and not in the <head> ?
what's this ConText thing what's wrong with notepad++ or webstorm?
"for the purpose of this tutorial" can be expressed more directly as "to keep the code simple here"
-
Thanks! Great videos!
-
Cheers mate you're handsome! I appreciate you're accent by the way. Big Up! 🙂
-
please i want to know why $(document.raedy doesnt worked with me i did all thing aslike as yours but still doesnt work
-
Thank ou very much! Can you please make some Canvas tutorial?
-
doesn't work for me…
$(document).ready(function(){
$('#lolzzz').fadeIn('slow');});
and i've included the file. checked for typos etc. Other functions such as click hide works fine but fadeIn doesnt.
-
I didn't make that newb mistake of not including the .js file B) Oh yea. #6TutorialsIn
-
init fam
-
mine works fine!
-
interesting. thanks! btw if you have a reference for learning more about this issue, I'd be interested to see it.
-
Good question, and you are right it is common practice implement jquery references into the head. There's a lot of debate on the matter.
Including js in the head delays the rendering of the page until the script has loaded and also blocks parallel downloads. Regardless of this I personally include js in the head as it ensures that event handlers (e.g. click , hover) are bound to elements immediately when they are visible to the user. If you are using widgets it may also prevent flickering.
-
ok – yeah that totally makes sense. this whole load-sequence thing is obviously a big part of learning the scripts. thanks!
-
hi, i think its so all the elements in the web page would be loaded before the code runs. if you put it in the head and dont use the window.onload or document.ready techniques then functions might fail for the simple reason that the paragraph or whatever element just doesnt exist AT THE TIME the function executed
-
great tut!
can you (or anyone) explain why the jQuery source is included in the body (and after the other code) rather than the head? Normally I see it called in the head. -
Its a function from the jquery library.
-
Out of curiosity, what exactly does the $ mean? He always uses it when he starts a script, but he never explained what exactly it means.
-
Why put the script tags UNDER the paragraphs? Why would it be better to put it in the middle of the coding rather than in the head? Are you talking about multiple different small .js files that would be better? Rather than all your .js codes in only one huge file?
-
You can hardly see what is showing on the screen.
-
you need to put the script tags underneath the paragraphs in order to make it work, just the same when you are using raw javascripts… don't put them anywhere else, specially in the head tags, put them underneath the paragraph tags..
-
we need at least bachelor's degree in order to be an IT staff, that's why we still need to go to college, don't boast just because we are learning so much, it's much better if we use our knowledge in school, we can use it to impress our professors or who ever you want to be impressed.
-
It doesn't work no matter how much I tinker with the codes. 🙁
This is really tricky.
-
delete the space between display: and none; i.e. style="display:none;"
-
With only 5 tutorials i learned how to do something for my website i wanted to do a long time ago i tried it with css but it didnt work, Keep On Teaching It Helps Alot 😉
-
for some reason the fade in doesent work for me… maybe its my browser. i tried it again exact same code with exept i used hide for fadein and it worked.
-
doesent work somehow :/
-
does this have to be a php file to work?
-
ok it worked but after i add
$(document).ready(function(){
:
});
Leave a Reply