mirror of
https://github.com/jquery/jquery.git
synced 2024-12-09 08:04:24 +00:00
71 lines
1.8 KiB
HTML
71 lines
1.8 KiB
HTML
<!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="../dist/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>
|