Blame view

vendor/bower-asset/jquery/test/readywait.html 1.75 KB
b2a15e0c   Dmitryi   роли и права поль...
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
  <!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>