xxxxxxxxxx
document.addEventListener('DOMContentLoaded', function() {
// Your Code runs when the page finishes loading the DOM Elements
});
xxxxxxxxxx
document.addEventListener("DOMContentLoaded", function(event) {
//we ready baby
});
xxxxxxxxxx
// A $( document ).ready() block.
$( document ).ready(function() {
console.log( "ready!" );
});
xxxxxxxxxx
Two syntaxes can be used for this:
$( document ).ready(function() {
console.log( "ready!" );
});
Or the shorthand version:
$(function() {
console.log( "ready!" );
});
xxxxxxxxxx
1
2
3
4
// A $( document ).ready() block.
$( document ).ready(function() {
console.log( "ready!" );
});
xxxxxxxxxx
1
2
3
4
// Shorthand for $( document ).ready()
$(function() {
console.log( "ready!" );
});
xxxxxxxxxx
function docReady(fn) {
// see if DOM is already available
if (document.readyState === "complete" || document.readyState === "interactive") {
// call on next available tick
setTimeout(fn, 1);
} else {
document.addEventListener("DOMContentLoaded", fn);
}
}