[jQuery] Zdublowane zdarzenie po użyciu load

[jQuery] Zdublowane zdarzenie po użyciu load

Earth Zobacz profil	2.08.2011, 13:42:01 Post #1
Grupa: Zarejestrowani Postów: 169 Pomógł: 2 Dołączył: 6.12.2006 Ostrzeżenie: (0%)	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 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <meta name="GENERATOR" content="Quanta Plus"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script> <script type="text/javascript" src="jquery.livequery.js"></script> </head> <style> #test { background-color: grey; width: 200px; height: 200px; } #button { background-color: red; width: 100px; height: 100px; } #load { background-color: blue; width: 100px; height: 100px; } </style> <script> $("#button").livequery('click', function() { $("#test").append("<p>aaaa</p>"); }); $("#load").livequery('click', function() { $("#button").unbind(); $("#button").remove(); $("#test").load(self.location.href + "#test" ); var tmp = $(document.createElement('div')); $(tmp).load(self.location.href + " #kontener", function(data) { $("#kontener").html(data); }); }); </script> <body> <div id="test"> <div id="button">button</div> </div> <div id="load">load</div> </body> </html> [HTML] pobierz, plaintext Ten post edytował Earth 2.08.2011, 15:17:32