Powrót Wysokość CSS z Jquery, Nie obliczona, ale zadeklarowana

Question

Myślę, że to mogło być domyślne w poprzedniej wersji jquery, ale kiedy dzwoni .css("height") i .height(), zwraca obliczoną wysokość, która nie jest tym, co chcę - Chcę tylko wartość wysokości, jeśli jest ona konkretnie zadeklarowana w pliku CSS dla tego elementu.

jak gdyby nie została zadeklarowana w dowolnym miejscu, być może powróci 'auto' jak to robi na górze i lewo czasami ...

Na przykład, mój CSS wygląda następująco:

.element{ 
    margin-left:5px; 
    color:red; 
} 

.css("margin-left") zwraca "5px", natomiast .css("height") powraca 20 mimo że nie jest specjalnie ustawione ...

Dzięki

Answer 1

Przeglądarka automatycznie oblicza wysokość i szerokość CSS.

Można je zobaczyć, na przykład, w zakładce "obliczone style" w Chrome Developers Tools (F12)

i Dokumenty:

jQuery.width()

Get bieżącą szerokość obliczoną dla pierwszy element w zestawie dopasowanych elementów lub ustaw szerokość każdego dopasowanego elementu.

Różnica .css (szerokość), a .width() jest fakt, że zwraca wartość piksela jednostki mniej (na przykład 400), podczas gdy poprzedni zwraca wartość z całych jednostek (na przykład 400 pikseli)

Ale jeśli chcesz uzyskać prawidłową wartość CSS, mogę doradzić nie używać jQuery

jeśli mamy HTML:

<div id="elem" style="height: auto"></div> 

możemy writ e JS:

$('#elem').get(0).style.height // "auto" 

jeśli mamy HTML:

<div id="elem"></div> 

JS:

$('#elem').get(0).style.height // "" 

uniwersalny funkcyjne:

var height = function(elem){ 
     return $(elem).get(0).style.height === "" ? $(elem).height() : $(elem).get(0).style.height; 
}