mirror of
https://github.com/jquery/jquery.git
synced 2024-12-09 08:04:24 +00:00
77 lines
1.8 KiB
HTML
77 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="../jquery.js"></script>
|
|
<script src="./iframeTest.js"></script>
|
|
|
|
<!-- Load the script loader that uses
|
|
jQuery.readyWait -->
|
|
|
|
<script type="text/javascript">
|
|
(function() {
|
|
var released = false;
|
|
// Hold on jQuery!
|
|
jQuery.holdReady( true );
|
|
|
|
setTimeout( function() {
|
|
released = true;
|
|
jQuery.holdReady( false );
|
|
}, 300 );
|
|
|
|
jQuery(function() {
|
|
jQuery( "#output" ).text( "Ready called, holdReady released: " + released );
|
|
startIframeTest( released );
|
|
});
|
|
})();
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<h1>
|
|
jQuery.holdReady Test
|
|
</h1>
|
|
<p>
|
|
This is a test page for jQuery.readyWait and jQuery.holdReady,
|
|
see
|
|
<a href="https://bugs.jquery.com/ticket/6781">#6781</a>
|
|
and
|
|
<a href="https://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>
|