Databases
StackOverflow2013
Postsdbo
POIs " $(document).ready(function () " required for AJAX generated JS?
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POIs " $(document).ready(function () " required for AJAX generated JS?
    primarykey
    data
    text
    <p>Please answer this question as I have failed to get proper understanding of the issue and simply cannot locate any material to read on it. The question, generically speaking, requires the consideration of the following commonly used structure. Yes, the JS may go at the bottom but that's a different discussion. </p> <pre><code> &lt;html&gt; ... &lt;script&gt; $(document).ready(function () { .... //Script to be used in this document }); &lt;/script&gt; ...more html &lt;div id="ajax_div" ... &gt; &lt;script&gt; **$(document).ready(function ()** { //2nd wrapper .... }); &lt;/script&gt; ... AJAX returned HTML &lt;/div&gt; </code></pre> <p>The question: Is the second wrapper required to be generated in the AJAX response? I understand that document.ready makes sure that the DOM is ready before the JS can work on it. Should the same logic, then, not apply to AJAX generated JS? Are there cases when it is required and when it is not required? I had a situation where the wrapper on-document-ready for AJAX generated JS fixed something but all along I have not been using it for other situations and all was well!!! </p> <p>Hope its not a dumb question! If it is a repeat, please refer me to it. I could not locate any...</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. This table or related slice is empty.
    1. USSam
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POIs " $(document).ready(function () " required for AJAX generated JS?
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POIs " $(document).ready(function () " required for AJAX generated JS?
      1. This table or related slice is empty.
      1. VTUpMod
    1. CONo, `$(document).ready` is never *required*, it's just a tool that you can use to cause your code execution to be delayed until the DOM is ready. In your case, you're firing off an ajax request after the dom is ready, meaning your response will also be received after the dom is ready. Therefore, you don't need to wait for the dom to be ready again because you already know it is ready.
      singulars
      1. POIs " $(document).ready(function () " required for AJAX generated JS?
      1. USKevin B
    2. COpersonally, I'd keep the DOMReady wrapper; make things consistent and uniform so in the event of a non-ajax reference, you're not in trouble. jQuery just fast-forwards DOMReady calls assigned after ready-state anyways, so it's just one additional hope (relatively low overhead all things considered).
      singulars
      1. POIs " $(document).ready(function () " required for AJAX generated JS?
      1. USBrad Christie
    3. COThanks for the explanation. What if the AJAX-generated JS needs elements in the AJAX-generated HTML generated from the Ajax itself. In that case would it not be mandatory to have the AJAX JS wait for these elements to be "ready" in the DOM? I have some pretty complicated, relatively speaking, AJAX-generated JS, that .prepends, appends, etc. new elements to the AJAX-generated HTML. It fails consistently unless I use the $(document).ready. I got the fix but I need to understand why. Your explanation helps but some more elaboration on the exact scenario described here will help.
      singulars
      1. POIs " $(document).ready(function () " required for AJAX generated JS?
      1. USSam
 

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