এটি $(document).ready()হ'ল একটি jQuery ইভেন্ট যা এইচটিএমএল ডকুমেন্টটি পুরোপুরি লোড হয়ে যাওয়ার window.onloadপরে ঘটে থাকে, যখন ঘটনাটি পরে ঘটে থাকে, যখন পৃষ্ঠার চিত্রগুলি সহ সমস্ত কিছু লোড হয়।
উইন্ডো.অনলোডটি ডিওমে একটি খাঁটি জাভাস্ক্রিপ্ট ইভেন্ট, যখন $(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;
};
এছাড়াও আমি নীচের চিত্রটি উভয়ের জন্য দ্রুত রেফারেন্স হিসাবে তৈরি করেছি:
