Do something AFTER the page has loaded completely

Question

I\'m using some embed codes that insert HTML to the page dynamically and since I have to modify that dynamically inserted HTML, I want a jquery function to wait until the pa

Answer 1

Try this:

$(document).ready(function () {
    if ( $('#abc')[0] ) { 
      alert("yes");
    }
});

Answer 2

$(window).load(function () { ... }

can be enough but otherwise your embeded code (what ever that can be) might provide some callback functionality that you can make use of.

delay() should only be used to delay animations.

Answer 3

The load() method was deprecated in jQuery version 1.8 and removed in version 3.0. So you have to use -

$(window).on('load', function() {
 // code here
});

Answer 4

That is the purpose of jQuery's .ready() event:

$(document).ready(function() {
    if ( $('#abc').length ) //If checking if the element exists, use .length
        alert("yes");
});

Description: Specify a function to execute when the DOM is fully loaded.

Answer 5

Generally, to handle my JQuery before or after page loads, will use:

jQuery(function($){
    // use jQuery code here with $ formatting
    // executes BEFORE page finishes loading
});

jQuery(document).ready(function($){
    // use jQuery code here with $ formatting
    // executes AFTER page finishes loading
});

Answer 6

Make sue you bind the event with dom load so it's there when trigger called. This is how you do it. Hope this helps someone someday

$(window).bind("load", function() { 
   //enter code here
   $("#dropdow-id").trigger('change');
});`