87 lines
2.5 KiB
HTML
87 lines
2.5 KiB
HTML
<!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>
|