I’ve been developing in javascript for a few months and I have been using $(document).ready(function(){ at the beginning of all my scripts. I’ve noticed other folks don’t use this in their scripts but I can’t seem to get mine working without it. I’d like to keep my code cleaner, but for all my google searches I can’t seem to figure out how to get rid of it.
I know it tells the browser to execute my script as soon as the page loads but is there something global I can set so that I don’t need to explicitly tell the browser to execute each of my scripts when the page loads? Or is it a more global problem with where in my html files the scripts are located?
You’re needing document.ready probably because you’re interacting with the DOM before it loads. How can the script manipulate elements that are not there yet?
If you stick your script at the end of the file you will not need it. It’s also good practice to do so for a lot of Javascript files as they can take time to process (especially if they’re hosted externally). Putting them at the end of the file often speeds up the page load time.