| <!DOCTYPE html> |
| <html> |
| <!-- |
| Test for jQuery.readyWait. Needs to be a |
| standalone test since it deals with DOM |
| ready. |
| --> |
| <head> |
| <title> |
| jQuery.readyWait Test |
| </title> |
| <style> |
| div { margin-top: 10px; } |
| #output { background-color: green } |
| #expectedOutput { background-color: green } |
| </style> |
| <script src="../src/core.js"></script> |
| <script src="../src/deferred.js"></script> |
| <script src="../src/support.js"></script> |
| <script src="../src/data.js"></script> |
| <script src="../src/queue.js"></script> |
| <script src="../src/attributes.js"></script> |
| <script src="../src/event.js"></script> |
| <script src="../src/sizzle/sizzle.js"></script> |
| <script src="../src/sizzle-jquery.js"></script> |
| <script src="../src/traversing.js"></script> |
| <script src="../src/manipulation.js"></script> |
| <script src="../src/css.js"></script> |
| <script src="../src/ajax.js"></script> |
| <script src="../src/ajax/jsonp.js"></script> |
| <script src="../src/ajax/script.js"></script> |
| <script src="../src/ajax/xhr.js"></script> |
| <script src="../src/effects.js"></script> |
| <script src="../src/offset.js"></script> |
| <script src="../src/dimensions.js"></script> |
| |
| <!-- Load the script loader that uses |
| jQuery.readyWait --> |
| <script src="data/readywaitloader.js"></script> |
| |
| <script type="text/javascript"> |
| jQuery(function() { |
| // The delayedMessage is defined by |
| // the readywaitasset.js file, so the |
| // next line will only work if this DOM |
| // ready callback is called after readyWait |
| // has been decremented by readywaitloader.js |
| // If an error occurs. |
| jQuery("#output").append(delayedMessage); |
| }); |
| </script> |
| </head> |
| <body> |
| <h1> |
| jQuery.readyWait Test |
| </h1> |
| <p> |
| This is a test page for jQuery.readyWait, that was |
| added due to this ticket |
| <a href="http://bugs.jquery.com/ticket/6781">#6781</a>. |
| </p> |
| <p> |
| Test for jQuery.readyWait, which can be used |
| by plugins and other scripts to indicate something |
| important to the page is still loading and needs |
| to block the DOM ready callbacks that are registered |
| with jQuery. |
| </p> |
| <p> |
| Script loaders are the most likely kind of script |
| to use jQuery.readyWait, but it could be used by |
| other things like a script that loads a CSS file |
| and wants to pause the DOM ready callbacks. |
| </p> |
| <p> |
| <strong>Expected Result</strong>: The text |
| <span id="expectedOutput">It Worked!</span> |
| appears below after about <strong>2 seconds.</strong> |
| </p> |
| <p> |
| If there is an error in the console, |
| or the text does not show up, then the test failed. |
| </p> |
| <div id="output"></div> |
| </body> |
| </html> |
