jQuery height() zwraca fałszywe wartości

Question

Próbuję użyć jQuery, aby ustawić wysokość kilku div dla wszystkich, którzy mają taką samą wysokość jak najwyższy div. Zasadniczo przechodzę przez divy i otrzymuję wysokość od każdego z nich, przechowując największą w zmiennej. Następnie ponownie przejrzę wszystkie z nich i ustawię ich wysokość na zmienną.

Jednak jQuery podaje błędną wartość wysokości. Na przykład funkcja height() dla pierwszego div zwraca 633, ale kiedy patrzę na to w inspektorze, mówi, że jest 603. Nie mam absolutnie żadnego pojęcia, dlaczego to robi. Wydaje się, że zawiera on dopełnienie i marginesy, ale dokumentacja mówi, że nie powinno tak być.

Wysokość div jest ustawiona jako auto w moim arkuszu stylów. Jeśli podaję im stałą wysokość piksela, wówczas funkcja height() jQuery zwraca poprawną wartość, ale nie wtedy, gdy są one włączone (tak jak muszą być).

Strona, o której mowa, to ictsf.org. Zwróć uwagę na dodatkową przestrzeń u dołu trzech kolumn.

Answer 1

Problem jest związany z „wyrównać wysokość kolumnie” kod uruchomiony na $(document).ready(), co dzieje się przed WebKit jest świadomy wysokości obrazów.

Najszybszą poprawką jest zamiast tego uruchomienie kodu na $(window).load(). Lub, jeszcze lepiej, użyj imagesLoaded plugin.

Alternatywnie, ustawienie atrybutu height na img może rozwiązać problem.

Answer 2

Może szukasz to: http://api.jquery.com/outerHeight/