මෙම $(document).ready()යනු jQuery සුරකීම ලේඛනයක් සම්පූර්ණයෙන්ම අතර, පටවා ඇත විට සිදුවන, අවස්ථාවට window.onloadපිටුව මත රූප ඇතුළු සෑම දෙයක්ම පටවා විට, අවස්ථාවට පසුව සිදුවේ.
Window.onload යනු DOM හි පිරිසිදු ජාවාස්ක්‍රිප්ට් සිදුවීමක් වන අතර $(document).ready()සිද්ධිය jQuery හි ක්‍රමයකි.
$(document).ready() සාමාන්‍යයෙන් jQuery සඳහා වන එතීම යනු සියලුම පටවා ඇති මූලද්‍රව්‍යයන් jQuery හි භාවිතා කිරීමට වග බලා ගැනීමයි ...
එය ක්‍රියාත්මක වන ආකාරය තේරුම් ගැනීමට jQuery ප්‍රභව කේතය දෙස බලන්න:
jQuery.ready.promise = function( obj ) {
if ( !readyList ) {
readyList = jQuery.Deferred();
// Catch cases where $(document).ready() is called after the browser event has already occurred.
// we once tried to use readyState "interactive" here, but it caused issues like the one
// discovered by ChrisS here: http://bugs.jquery.com/ticket/12282#comment:15
if ( document.readyState === "complete" ) {
// Handle it asynchronously to allow scripts the opportunity to delay ready
setTimeout( jQuery.ready );
// Standards-based browsers support DOMContentLoaded
} else if ( document.addEventListener ) {
// Use the handy event callback
document.addEventListener( "DOMContentLoaded", completed, false );
// A fallback to window.onload, that will always work
window.addEventListener( "load", completed, false );
// If IE event model is used
} else {
// Ensure firing before onload, maybe late but safe also for iframes
document.attachEvent( "onreadystatechange", completed );
// A fallback to window.onload, that will always work
window.attachEvent( "onload", completed );
// If IE and not a frame
// continually check to see if the document is ready
var top = false;
try {
top = window.frameElement == null && document.documentElement;
} catch(e) {}
if ( top && top.doScroll ) {
(function doScrollCheck() {
if ( !jQuery.isReady ) {
try {
// Use the trick by Diego Perini
// http://javascript.nwbox.com/IEContentLoaded/
top.doScroll("left");
} catch(e) {
return setTimeout( doScrollCheck, 50 );
}
// detach all dom ready events
detach();
// and execute any waiting functions
jQuery.ready();
}
})();
}
}
}
return readyList.promise( obj );
};
jQuery.fn.ready = function( fn ) {
// Add the callback
jQuery.ready.promise().done( fn );
return this;
};
මේ දෙකම සඳහා ඉක්මන් යොමු කිරීමක් ලෙස මම පහත රූපය නිර්මාණය කර ඇත්තෙමි:
