Question

I have the following:

$("#menu, #home").on('click', 'a', function() {
    //  javascript code
 });

But it’s not inside a document ready? Will it still work okay even if the #menu or #home are not yet part of the DOM?

Answer 1

Yes this will work (if you’ll adjust a selector) without need to wait for a DOM ready as long as you use jQuery 1.7+ since this form of event binding is a something that was achieved using live or delegate in previous jQuery versions:

See documentation for live

As of jQuery 1.7, the .live() method is deprecated. Use .on() to attach event handlers. Users of older versions of jQuery should use .delegate() in preference to .live().

$(document).on('click', '#menu a, #home a', function() {
  //  javascript code
});