Can i use more than once $(document).ready() of jquery in a single html page?

jquery html document-ready
programmer picture programmer · Aug 18, 2011 · Viewed 12k times · Source

i have one html page named "text.html"

<html>
    <body>
        <script type="text/javascript" src="jquery.js"></script>
        <script type="text/javascript" src="js/Photos.js"></script>
        <script type="text/javascript" src="js/Animations.js"></script>
    </body>
</html>

Both Photos.js and Animations.js start with "$(document).ready()" like this

//Javascript File Photos.js
$(document).ready(function() {
    //My code here ....
});

//Javascript File Animations.js
$(document).ready(function() {
    //My code here ....
});

Does it matter if i use multiple $(document).ready(function() { in a single html page??

Thanks, in advance

Answer

wesbos picture wesbos · Aug 18, 2011

You can use as many as you would like, but its best to keep it to one for readability.

Also consider using short hand $(function() { ... });

Related questions

Using jQuery to 'click' a li element

I have a <ul> element that dynamically generates the <li> elements and simply want to run a onclick event <ul id="results"> <li class="device_result searchterm" data-url="apple-iphone-5s"> <a …

Read More
Requirejs domReady plugin vs Jquery $(document).ready()?

I am using RequireJS and need to initialize something on DOM ready. Now, RequireJS provides the domReady plugin, but we already have jQuery's $(document).ready(), which is available to me since I have required jQuery. So I have got two …

Read More
JQuery $(document).ready ajax load

I looked at quite a few of the related questions and I must be asking this completely different as I saw only a few that seemed to relate. I am loading an entire middle div via JQuery Ajax call and …

Read More