JQuery: ¿cómo actualizar la variable a medida que el navegador cambia de tamaño?

 $(document).ready ( function () { var footerheight = $('#footer').height(); $('#footer').css('height', footerheight); $('#footer').css('marginTop', - footerheight); $('#nonfooterinner').css('paddingBottom', footerheight); }); $(window).bind("resize", function () { var footerheight = $('#footer').height(); $('#footer').css('height', footerheight); $('#footer').css('marginTop', - footerheight); $('#nonfooterinner').css('paddingBottom', footerheight); });  

¿Es esta la forma correcta / preferida de configurar la variable “footerheight” para que se actualice a medida que el navegador cambia de tamaño? La mitad superior de la secuencia de comandos, obviamente, determina la variable cuando se carga el documento, pero no estoy seguro de si la mitad inferior está correctamente escrita para actualizar esa variable a medida que la ventana se expande / se contrae.

Podrías condensarlo un poco usando una variable, como:

 var f = (function () { var footerheight = $('#footer').height(); $('#footer').css('height', footerheight); $('#footer').css('marginTop', -footerheight); $('#nonfooterinner').css('paddingBottom', footerheight); }); $(document).ready(f); $(window).resize(f); 

Para redimensionar solo use .resize () de esta manera:

 $(window).resize(function () { var footerheight = $('#footer').height(); $('#footer').css('height', footerheight); $('#footer').css('marginTop', - footerheight); $('#nonfooterinner').css('paddingBottom', footerheight); }); 

Usted puede

 $(function(){ $(window).resize(function () { var footerheight = $('#footer').height(); $('#footer').css('height', footerheight); $('#footer').css('marginTop', - footerheight); $('#nonfooterinner').css('paddingBottom', footerheight); }).resize(); })