Portée variable hors fonction jQuery

Question

J'essaie d'identifier la hauteur d'un élément div en HTML, mais je ne suis pas en mesure d'accéder à la valeur en dehors de la fonction. Ceci est le 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 première fonction d'alerte fonctionne, mais le second lance et l'erreur avec $height comme non défini. Comment puis-je conserver la valeur de $height?

Answer 1

Vous pouvez simplement supprimer le var comme ceci:

$height = $tmp_cont.height(); 

Si vous voulez une variable globale, laisser tomber le var, ou plus explicitement:

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

Ou si vous voulez toujours locale , il suffit de le déclarer plus haut, comme ceci:

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