StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POdocument.ready is getting called multiple times
text
Body
copied!<p>Within my php app I have multiple templates that get combined to form a single page. so say your on the about us page, the template would look like this</p> <pre><code><?php $this->render("header.php"); ?> my about us page <?php $this->render("footer.php"); ?> </code></pre> <p>which is just a fancy way of doing an include(). However, header.php has some javascript that gets ran on document.ready via the jquery framework, and so does the page that requires the header. so you have something like this</p> <pre><code><?php $this->render("header.php"); // has its own $(document).ready ?> <script type="text/javascript"> $(document).ready(function(){ console.log("test"); }); </script> my about us page <?php $this->render("footer.php"); ?> </code></pre> <p>The bug that I'm experiencing is that document.ready is getting called once for every document.ready on the page. in the above case console shows </p> <p>test</p> <p>test</p> <p>If I comment out the rendering of header.php, the document.ready gets called just once like I want. </p> <p>Besides using a semaphore, is a better way to prevent this? I tried buffering the output, but that doesn't seem to work. </p> <p><strong>Edit: added final output per request</strong></p> <pre><code><script type="text/javascript"> $(document).ready(function(){ // do some javascript like highlighting // form elements with specific classes }); </script> display header here <script type="text/javascript"> $(document).ready(function(){ console.log("test"); }); </script> my about us page display footer </code></pre>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

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