Ambito variabile all'esterno jQuery function

Question

Sto cercando di identificare l'altezza di un elemento div in HTML, ma non sono in grado di accedere al valore esterno alla funzione. Questo è il jQuery:

jQuery.noConflict(); 

(function($) { 
    $(function() { 
     $tmp_cont = $('<div></div>'); 
     $tmp_cont.html($content); 
     $tmp_cont.hide(); 
     $('body').append($tmp_cont); 

     var $height = $tmp_cont.height(); 

     alert ($height); 
    }); 
})(jQuery); 

alert ($height); 

La prima funzione di allarme funziona, ma il secondo getta e l'errore con $height indefinita. Come posso mantenere il valore di $height?

Answer 1

Si può solo togliere il var in questo modo:

$height = $tmp_cont.height(); 

Se si desidera una variabile globale, lasciare fuori la var, o più esplicitamente:

window.$height = $tmp_cont.height(); 

Oppure, se si vuole ancora che locale , basta dichiararlo più in alto, in questo modo:

jQuery.noConflict(); 
var $height; 
(function($) { 
    $(function() { 
     $tmp_cont = $('<div></div>'); 
     $tmp_cont.html($content); 
     $tmp_cont.hide(); 
     $('body').append($tmp_cont); 

     $height = $tmp_cont.height(); 
     alert ($height); 
    }); 
})(jQuery); 
alert ($height);