Calling jQuery document.ready functions by hand

Question

If I make an AJAX request and want to call all functions that were set up by $(document).ready(). How can I do it? Thank you

Answer 1

$(document).ready();

If that doesn't work, try this:

function startup() {

    // All your functions in here.

}

$(document).ready(startup);

And after your AJAX request is finished:

startup();

Answer 2

The easiest way is to use a shared function:

$(document).ready(function() {
    setup();
});

$.post('/', {}, function() {
    setup();
}, 'json');

But if you're using it to re-assign listeners, you would probably be able to get away with assigning them before they're created, like this:

$(document).ready(function() {
    $(document).delegate('.my-button', 'click', function() { });
});

Using this code, all .my-button clicks will be handled by your custom function, regardless of whether the button existed in your DOM upon DOMReady.

Note that:

• $(document).ready(function() { ... }); can be minimized to $(function() { ... });
• If you're using jQuery 1.7+, prefer .on over .delegate: $(document).on('click', .my-button', function() { });
• Prefer narrower context over broader, i.e. $('#close-parent').delegate over $(document).delegate