Jquery run when document ready

Active 1 year, 6 months ago. Viewed 1. Improve this question. Aryan Beezadhur 2, 1 1 gold badge 13 13 silver badges 36 36 bronze badges. See this: stackoverflow.

Add a comment. Active Oldest Votes. To give you a little idea what jQuery does which will work wherever the script tag is placed. If supported, it tries the standard: document. Here is a full substitute for jQuery's. Declare a public function docReady fn, context When docReady fn, context is called, check if the ready handler has already fired.

If so, just schedule the newly added callback to fire right after this thread of JS finishes with setTimeout fn, 1. If the ready handler has not already fired, then add this new callback to the list of callbacks to be called later.

Check if the document is already ready. If so, execute all ready handlers. If we haven't installed event listeners yet to know when the document becomes ready, then install them now. If document. The "load" is a backup event for safety and should not be needed. In the onreadystatechange event, check to see if the document. In all the other event handlers, call a function to fire all the ready handlers.

In the function to call all the ready handlers, check a state variable to see if we've already fired. If we have, do nothing. If we haven't yet been called, then loop through the array of ready functions and call each one in the order they were added. Set a flag to indicate these have all been called so they are never executed more than once. Clear the function array so any closures they might be using can be freed.

Improve this answer. Jan Kyu Peblik 1, 11 11 silver badges 18 18 bronze badges. Tom Stickel Tom Stickel Back to: jQuery Tutorials. This is the most important function that we need to understand in jQuery. This document. This is the earliest safe point of the page loading process where we can manipulate our DOM elements.

This allows you to write your jQuery or JavaScript code before the body tag. Note: The document. I suggest you could write the drag function in the javascript file and then you could reference the javascript file in the specific pages. I have added the function to a external file and now reference it from a page like below. The problem that arises is that other pages also reference this external file and therefore cause the function to load everytime these pages are loaded in browser.

When i only want specific page to run the function and not all the pages. Hi peterliles , My meaning is that you could add the script file in your specific page instead of using like you doing.

You could add script in your page like this:. I would like to know a alternative method of loading the function other than when pages are opened in browser? Hi peterliles , Do you care of using codes to call the jquery file in the code-behind?

Best regards, Yijing Sun.