Databases
StackOverflow2013
Postsdbo
POWhen does $(document).ready() fire?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POWhen does $(document).ready() fire?
    primarykey
    data
    text
    <p>The comments from <a href="https://stackoverflow.com/q/17532656/259457">this question</a> got me thinking about something. When exactly does the <code>$(document).ready()</code> function fire? The obvious answer would be "when the document is ready," but when exactly is that?</p> <p>For instance, <a href="https://stackoverflow.com/q/4235323/259457">if I turned output buffering on and flushed my output while PHP continued executing</a>, wouldn't that send output to the browser? So is there any way the document could be ready before the PHP script has finished executing, or does the event wait until the request has finished?</p> <hr /> <p><strong>EDIT:</strong></p> <p>The responses seem to basically agree that the event fires when the client thinks it's ready.</p> <p>To get a better understanding (which I should have probably done in the first place), I just set up a test:</p> <pre><code>&lt;?php ob_start(); ?&gt; &lt;html&gt; &lt;head&gt; &lt;script type="text/javascript" src="lib/js/jquery-1.7.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function() { alert("READY"); }); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;?php ob_flush(); for ($i=0; $i&lt;999999; $i++) { echo "HELLO$i\n"; ob_flush(); } ?&gt; &lt;/body&gt; &lt;/html&gt; </code></pre> <p>The result was that in this example, the contents began showing on the page right away, but the alert didn't happen until the loop was done, or the script timed out (30 seconds).</p> <p>To the point of depending on which browser you use, I tried inserting this in my loop:</p> <pre><code>if ($i == 99) { echo "&lt;/body&gt;&lt;/html&gt;"; } </code></pre> <p>And Chrome seemed to automatically correct it by putting those tags at the end of the page (as seen in the web dev inspector). Viewing the source of the page showed it in the middle, where I echo'ed it though.</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USTravesty3
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POWhen does $(document).ready() fire?
      1. USsan.chez
      1. VTFavorite
    2. VO
      singulars
      1. POWhen does $(document).ready() fire?
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POWhen does $(document).ready() fire?
      1. This table or related slice is empty.
      1. VTUpMod
    1. COready() is always after php is done printing the html page. in other words, it's always after "</body>" is sent.
      singulars
      1. POWhen does $(document).ready() fire?
      1. USdandavis
    2. COThe "ready" event is a browser-side concept. The browser considers the page "ready" when it's processed the `<html>` content and prepared the DOM, while some CSS and image fetches might still be pending. It doesn't know or care what the server is doing, in any direct sense anyway.
      singulars
      1. POWhen does $(document).ready() fire?
      1. USPointy
    3. COas per the documentation it is fired "soon as the DOM hierarchy has been fully constructed" but before everything has actually loaded on the page. So if you have images it could be fired before they have loaded (which is why jquery also provides `load`
      singulars
      1. POWhen does $(document).ready() fire?
      1. USscrappedcola
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload