Jquery uzyskiwanie ukrytej wysokości elementu

Question

Próbowałem uzyskać listę wartości wysokości elementu, ale powracał 0.
Zrobiłem kilka badań i zobaczyłem, że aby uzyskać wysokość elementu, ten element musi być widoczny.
Ale chcę sprawdzić jego wysokość, gdy jest ukryta. Jeśli jego wysokość jest większa od pewnej wartości, użyj niektórych funkcji, a następnie spraw, aby były widoczne. Czy jest jakiś sposób to zrobić?

Znaczy: wysokość

1. wyboru Ukrycie elementu.
2. Jeśli ma wartość OK, spraw, aby był widoczny.
3. Jeśli nie ma wymaganej wartości, wykonaj niektóre funkcje.
4. Spraw, aby był widoczny.

Answer 1

Można show element uzyskać wysokość, a następnie ukryć je, wizualnie nie zobaczysz żadnej różnicy.

var height = $('elementSelector').show().height(); 
$('elementSelector').hide(); 
if(height != <<HeightToCompare>>){ 
    //Code here 
} 
//Finally make it visible 
$('elementSelector').show(); 

Demo

Answer 2

Jednym ze sposobów jest sklonowanie obiektu, położenie klonu daleko poza rzutnią, uczynienie go widocznym, zmierzenie klona, ​​a następnie jego zniszczenie.

Więc trzeba:

<div id="maybe" style="display: none;"> 
    Something 
</div> 

Ponieważ używasz jQuery, można zrobić coś takiego:

$('#maybe') 
    .clone() 
    .attr('id','maybe_clone') // prevent id collision 
    .css({     // position far outside viewport 
    'position': 'absolute', 
    'left': '-1000px' 
    }); 

if($('#maybe_clone').show().height() > 200) { 
    $('#maybe').show(); 
} 

$('#maybe_clone').remove();  // housekeeping 

Answer 3

Stanowisko obiekt więc jest widoczny w przeglądarce, ale nie użytkownik: jQuery: Get height of hidden element in jQuery