Teoretycznie skrypt po każdym kliknięciu w button powinien dodać do okienka pojedynczy ciąg "<p>aaaa</p>". W przypadku gdy kilka razy załadujemy treść za pomocą funkcji load i klikniemy button, skrypt wstawia kilkukrotnie ciąg "<p>aaaa</p>".

Np: gdy klikniemy trzykrotnie przycisk load, a potem przycisk button ciąg "<p>aaaa</p>" zostanie wstawiony trzykrotnie.

Przypuszczam, że po użyciu load, stary kod HTML zostaje gdzieś w pamięci przeglądarki.

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3.  
  4. <head>
  5.   <title></title>
  6.   <meta name="GENERATOR" content="Quanta Plus">
  7.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  8. 	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
  9. <script type="text/javascript" src="jquery.livequery.js"></script>
  10.  
  11.  
  12. </head>
  13. <style>
  14. #test {
  15. 	background-color: grey;
  16. 	width: 200px;
  17. 	height: 200px;
  18. }	
  19.  
  20. #button {
  21. 	background-color: red;
  22. 	width: 100px;
  23. 	height: 100px;
  24. }	
  25.  
  26. #load {
  27. 	background-color: blue;
  28. 	width: 100px;
  29. 	height: 100px;
  30. }	
  31.  
  32. </style>
  33. <script>
  34.  
  35. 	$("#button").livequery('click', function() {
  36. 		$("#test").append("<p>aaaa</p>");
  37. 	});
  38.  
  39. 	$("#load").livequery('click', function() {
  40. 		$("#button").unbind();
  41. 		$("#button").remove();
  42. 		$("#test").load(self.location.href + "#test" );
  43.  
  44. 		var tmp = $(document.createElement('div'));
  45. 		$(tmp).load(self.location.href + " #kontener", function(data) {
  46. 			$("#kontener").html(data);
  47. 		});
  48. 	});
  49.  
  50. </script>
  51. <body>
  52. 	<div id="test">
  53. 		<div id="button">button</div>
  54. 	</div>
  55. 	<div id="load">load</div>
  56. </body>
  57. </html>
[HTML] pobierz, plaintext