| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970 |
- <!DOCTYPE html>
- <html>
- <!--
- Test for jQuery.holdReady. Needs to be a
- standalone test since it deals with DOM
- ready.
- -->
- <head>
- <title>
- jQuery.holdReady Test
- </title>
- <style>
- div { margin-top: 10px; }
- #output { background-color: green }
- #expectedOutput { background-color: green }
- </style>
- <script src="jquery.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.holdReady Test
- </h1>
- <p>
- This is a test page for jQuery.readyWait and jQuery.holdReady,
- see
- <a href="http://bugs.jquery.com/ticket/6781">#6781</a>
- and
- <a href="http://bugs.jquery.com/ticket/8803">#8803</a>.
- </p>
- <p>
- Test for jQuery.holdReady, 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.holdReady, 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>
|
