1. <html>
  2. <head>
  3. <title> main.html </title>
  4. <script src="http://code.jquery.com/jquery-latest.js"></script>
  5. <script>
  6. $(document).ready(function() {
  7. $("#y").click(function()
  8. {
  9. $('#y1').load('a.html');
  10. });
  11. });
  12. </script>
  13. </head>
  14. <body>
  15. <div id="y">link1 </div>
  16. <div id="y1">frame </div>
  17. </body>
  18. </html>
  19.  
  20. <html>
  21. <head>
  22. <title>a.html </title>
  23. <script src="http://code.jquery.com/jquery-latest.js"></script>
  24. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  25. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  26. <link rel="stylesheet" href="/resources/demos/style.css" />
  27. <script>
  28. $(document).ready(function(){
  29. $("#date").datepicker();
  30. $("#y2").on("click",function(){
  31. alert("clicked data in a.html");
  32. });
  33. });
  34. </script>
  35. </head>
  36. <body>
  37. <div id="y2"> click here to get alert </div>
  38. <input id="date" type="text" />
  39. </body>
  40. </html>
  41.  
  42. >Error: TypeError: $(...).datepicker is not a function
  43. >Source File: http://code.jquery.com/jquery-latest.js?_=1362478481277
  44. >Line: 605
  45.  
  46. <html>
  47. <head>
  48. <title> main.html </title>
  49. <script src="http://code.jquery.com/jquery-latest.js"></script>
  50. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  51. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  52. <link rel="stylesheet" href="/resources/demos/style.css" />
  53. <script>
  54. $(document).ready(function() {
  55. $("#y").click(function()
  56. {
  57. $('#y1').load('a.html');
  58. });
  59. $("#y4").click(function()
  60. {
  61. $('#y1').load('b.html');
  62. });
  63. });
  64. </script>
  65. </head>
  66. <body>
  67. <div id="y">link1 </div>
  68. <div id="y4">link2 </div>
  69. <div id="y1">frame </div>
  70. </body>
  71. </html>
  72.  
  73. <html>
  74. <head>
  75. <title>a.html </title>
  76. <script src="http://code.jquery.com/jquery-latest.js"></script>
  77. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  78. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  79. <link rel="stylesheet" href="/resources/demos/style.css" />
  80. <script>
  81. $(document).ready(function(){
  82. $("#date").datepicker();
  83. $("#y2").on("click",function(){
  84. alert("clicked data in a.html");
  85. });
  86. });
  87. </script>
  88. </head>
  89. <body>
  90. <div id="y2"> click here to get alert </div>
  91. <input id="date" type="text" />
  92. </body>
  93. </html>
  94.  
  95. <html>
  96. <head>
  97. <title>b.html </title>
  98. <script src="http://code.jquery.com/jquery-latest.js"></script>
  99. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  100. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  101. <link rel="stylesheet" href="/resources/demos/style.css" />
  102. <script>
  103. $(document).ready(function(){
  104. $("#date1").datepicker();
  105. $("#y3").on("click",function(){
  106. alert("clicked data in b.html");
  107. });
  108. });
  109. </script>
  110. </head>
  111. <body>
  112. <div id="y3"> click here to get alert </div>
  113. <input id="date1" type="text" />
  114. </body>
  115. </html>
  116.  
  117. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  118. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css"/>
  119.  
  120. <html>
  121. <head>
  122. <title> main.html </title>
  123. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  124. <script src="http://code.jquery.com/jquery-latest.js"></script>
  125. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  126. <script>
  127. $(document).ready(function() {
  128. $("#y").click(function()
  129. {
  130. $('#y1').load('a.html #calendar'
  131. , function() {
  132. $("#date").datepicker();
  133. $("#y2").on("click",function(){
  134. alert("clicked data in a.html");
  135. });
  136. });
  137. });
  138.  
  139. $("#y4").click(function()
  140. {
  141. $('#y1').load('b.html #calendar'
  142. , function() {
  143. $("#date1").datepicker();
  144. $("#y3").on("click",function(){
  145. alert("clicked data in b.html");
  146. });
  147. });
  148. });
  149. });
  150. </script>
  151. </head>
  152. <body>
  153. <div id="y">link1 </div>
  154. <div id="y4">link2 </div>
  155. <div id="y1">frame </div>
  156. </body>
  157. </html>
  158.  
  159. <html>
  160. <head>
  161. <title>a.html</title>
  162. <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.1/themes/base/jquery-ui.css" />
  163. <link rel="stylesheet" href="/resources/demos/style.css" />
  164. <script src="http://code.jquery.com/jquery-latest.js"></script>
  165. <script src="http://code.jquery.com/ui/1.10.1/jquery-ui.js"></script>
  166. </head>
  167. <body>
  168. <div id='calendar'>
  169. <div id="y2"> click here to get alert </div>
  170. <input id="date" type="text" />
  171. </div>
  172. </body>
  173. </html>
  174.  
  175. <script type="text/javascript">
  176. $(document).ready(function(){
  177. $("#date").datepicker();
  178.  
  179. $("#y2").on("click",function(){
  180. alert("clicked data in a.html");
  181. });
  182. });
  183. </script>