Jquery ottenendo l'altezza di un elemento nascosto

Question

Stavo cercando di ottenere un elenco del valore di altezza dell'elemento ma stava ritornando 0.
Ho fatto qualche ricerca e ho visto che per ottenere l'altezza dell'elemento, quell'elemento deve essere visibile.
Ma voglio controllare la sua altezza quando è nascosto. Se la sua altezza è maggiore di un certo valore, usa alcune funzioni per renderla visibile. C'è un modo per fare questo?

voglio dire: altezza

1. Check elemento nascosto.
2. Se ha valore OK, renderlo visibile.
3. Se non ha il valore richiesto, alcune funzioni.
4. Renderlo visibile.

Answer 1

È possibile show l'elemento di ottenere l'altezza e poi nasconderlo, visivamente non vedrai alcuna differenza.

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

Demo

Answer 2

Un modo è quello di clonare l'oggetto, posizionare il clone lontano dalla finestra, renderlo visibile, misurare il clone e quindi distruggerlo.

in modo da avere:

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

Dal momento che si sta utilizzando jQuery, si farebbe qualcosa di simile:

$('#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

Posizionare l'oggetto in modo che sia visibile al browser, ma non l'utente: jQuery: Get height of hidden element in jQuery