test/readywait.html

   1 <!DOCTYPE html>
   2 <html>
   3 <!--
   4         Test for jQuery.holdReady. Needs to be a
   5         standalone test since it deals with DOM
   6         ready.
   7 -->
   8 <head>
   9         <title>
  10                 jQuery.holdReady Test
  11         </title>
  12         <style>
  13                 div { margin-top: 10px; }
  14                 #output { background-color: green }
  15                 #expectedOutput { background-color: green }
  16         </style>
  17         <script src="../src/core.js"></script>
  18         <script src="../src/deferred.js"></script>
  19         <script src="../src/support.js"></script>
  20         <script src="../src/data.js"></script>
  21         <script src="../src/queue.js"></script>
  22         <script src="../src/attributes.js"></script>
  23         <script src="../src/event.js"></script>
  24         <script src="../src/sizzle/sizzle.js"></script>
  25         <script src="../src/sizzle-jquery.js"></script>
  26         <script src="../src/traversing.js"></script>
  27         <script src="../src/manipulation.js"></script>
  28         <script src="../src/css.js"></script>
  29         <script src="../src/ajax.js"></script>
  30         <script src="../src/ajax/jsonp.js"></script>
  31         <script src="../src/ajax/script.js"></script>
  32         <script src="../src/ajax/xhr.js"></script>
  33         <script src="../src/effects.js"></script>
  34         <script src="../src/offset.js"></script>
  35         <script src="../src/dimensions.js"></script>
  36
  37         <!-- Load the script loader that uses
  38                 jQuery.readyWait -->
  39         <script src="data/readywaitloader.js"></script>
  40
  41         <script type="text/javascript">
  42         jQuery(function() {
  43                 // The delayedMessage is defined by
  44                 // the readywaitasset.js file, so the
  45                 // next line will only work if this DOM
  46                 // ready callback is called after readyWait
  47                 // has been decremented by readywaitloader.js
  48                 // If an error occurs.
  49                 jQuery("#output").append(delayedMessage);
  50         });
  51         </script>
  52 </head>
  53 <body>
  54         <h1>
  55                 jQuery.holdReady Test
  56         </h1>
  57         <p>
  58                 This is a test page for jQuery.readyWait and jQuery.holdReady,
  59                 see
  60                 <a href="http://bugs.jquery.com/ticket/6781">#6781</a>
  61                 and
  62                 <a href="http://bugs.jquery.com/ticket/8803">#8803</a>.
  63         </p>
  64         <p>
  65         Test for jQuery.holdReady, which can be used
  66         by plugins and other scripts to indicate something
  67         important to the page is still loading and needs
  68         to block the DOM ready callbacks that are registered
  69         with jQuery.
  70         </p>
  71         <p>
  72         Script loaders are the most likely kind of script
  73         to use jQuery.holdReady, but it could be used by
  74         other things like a script that loads a CSS file
  75         and wants to pause the DOM ready callbacks.
  76         </p>
  77         <p>
  78         <strong>Expected Result</strong>: The text
  79         <span id="expectedOutput">It Worked!</span>
  80         appears below after about <strong>2 seconds.</strong>
  81         </p>
  82         <p>
  83         If there is an error in the console,
  84         or the text does not show up, then the test failed.
  85         </p>
  86         <div id="output"></div>
  87 </body>
  88 </html>