[jquery] podwójne wysokości w innerHeight()

[jquery] podwójne wysokości w innerHeight()

lamcpp Zobacz profil	22.05.2011, 21:40:56 Post #1
Grupa: Zarejestrowani Postów: 372 Pomógł: 2 Dołączył: 10.05.2009 Ostrzeżenie: (0%)	Witam oto przykład: plik html: [HTML] pobierz, plaintext <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <script src="jquery.js"></script> <script src="selektory.js"></script> <style type="text/css"> #pierwszy, #drugi, #trzeci{ margin: 5px; border: 3px solid red; padding: 10px; } #drugi{ margin: 5px; border: 3px solid red; padding: 15px; } #trzeci{ margin: 5px; border: 3px solid red; padding: 20px; } </style> </head> <body> <div id="pierwszy"></div> <div id="drugi"></div> <div id="trzeci"></div> </body> </html> [HTML] pobierz, plaintext plik js: [XML] pobierz, plaintext $(document).ready(function(){ $("div").click(function(){ $(this).text("Wys." + $(this).innerHeight()); }); }); [XML] pobierz, plaintext Z założenia w każdym z div ma być wyświetlana jego wysokość wewnętrzna (innerHeight()). Wysokość się pojawia po kliknięciu, ale gdy kliknę na to samo drugi raz pojawia się inna wysokość, skąd ona się bierze i dlaczego tak jest? Oraz prośba jak przerobić ten skrypt, żeby pokazywał wysokość elementów od razu, bez potrzeby kliknięcia na element?