Alcance variable fuera de la función jQuery

Question

Estoy intentando identificar el alto de un elemento div en HTML, pero no puedo acceder al valor fuera de la función. Este es el 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 primera función de alerta funciona, pero la segunda lanza y error con $height como no definidos. ¿Cómo puedo conservar el valor de $height?

Answer 1

Usted puede simplemente eliminar el var así:

$height = $tmp_cont.height(); 

Si desea una variable global, dejar fuera de la var, o más explícitamente:

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

O si todavía quieres que locales , simplemente declararlo más arriba, así:

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);