Mi problema es: estoy desarrollando un sitio web para dispositivos móviles con 2 hojas de estilo, una para la visualización "orientada a PC" y la otra para la visualización móvil. Junto con el CSS 2, necesito una función para modificar algunoshref atributos en el menú cuando se cambia de un modo de visualización a otro.

No voy a profundizar en los detalles de las cosas, ya que sería muy largo y probablemente aburrido, de todos modos necesito que la función se llameambo en$(document).ready Y en$(window).resize, es decir, cada vez que se cambia el tamaño de la ventana.

Así que declaró una función y la llamégoToAnchor para poder llamarlo más de una vez:

$(document).ready(function() {
   function goToAnchor() {  ... modify some href attr ... }
   goToAnchor();
});

Eso está perfectamente bien, pero como dije también necesito que la función se ejecute cada vez que se cambia el tamaño de la ventana, así que pensé que el código podría verse así:

$(document).ready(function() {
   function goToAnchor() {  ... modify some href attr ... }
   goToAnchor();
   $(window).resize(goToAnchor());
});

El problema es simple, la función no se ejecuta enresize. Revisé la documentación de jQuery y noté quecad el ejemplo relacionado con la vinculación de una función a un evento se escribe así:

$(window).resize(function() { ...do stuff...} );

in embargo, no recurriría al uso de una función anónima, ya que ya he escrito la función anteriormente. Lo que quiero hacer es extremadamente simple: llamar a una función varias veces sin recurrir a funciones anónimas para "duplicar" mi código (después de todo, así es como se supone que funcionan las funciones, ¿verdad?).