関数を何回も呼び出すことはできますか？

Question

私の問題は次のとおりです。私は、2つのスタイルシート、1つは「PC指向」ビジュアル、もう1つはモバイルビジュアライゼーションのためのモバイルフレンドリーなWebサイトを開発しています。 2つのCSSに加えて、1つの視覚化モードから別の視覚化モードに切り替えるときに、メニュー上のいくつかのhref属性を変更する機能が必要です。

、それは非常に長く、おそらく退屈だろうと私はとにかく私は$(document).readyとのAND $(window).resize上両方と呼ばれる関数を必要とし、深いものの詳細につもりはない、それは窓があるたびにありますサイズ変更されました。

は、だから私は、関数を宣言し、それを呼び出すことができるようにするために、それgoToAnchor名付け複数回：

完全に罰金ですが、私が言ったように私も毎回実行する機能が必要

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

ウィンドウをリサイズので、私は、コードがどのように見えるかもしれないと思っている：問題は簡単です

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

、機能がresize上で実行されません。私はjQueryのドキュメントをチェックし、イベントに機能を連携に関するすべての例は次のように書かれていることに気づいた：

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

私はすでに以前の機能を書かれているように私は、しかし匿名関数を使用して訴えるないでしょう。私がしたいのは、非常に単純です。匿名関数に頼らずに関数を何度も呼び出すと、自分のコードを複製することができます（結局のところ、関数がうまくいくと思われます）。

Answer 1

変更$(window).resize(goToAnchor());置き換えたい

Answer 2

$(window).resize(goToAnchor);へ：$(window).resize(goToAnchor());$(window).resize(goToAnchor);と。

あなたのコードはgoToAnchor関数の応答を渡しています。あなたがしたいのは、かっこを省略して関数への参照を渡すことです。

しかし、あなたはまた、これを行うことができます：

$(function() { 
    $(window).bind('resize', function() { /*resize code*/ }).trigger('resize'); 
}); 

は、これが効果的にコードを実行するときwindowオブジェクト上だけでなく、document.readyにresizeイベントが発生（.trigger('resize')がdocument.readyにresizeイベント火災を作ります）。

$(window).resize(goToAnchor); 

と

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

が明らかである場合に

var goToAnchor = function() { ... modify some href attr ... } 

：

Answer 3

何が起こっているかを確認する良い方法は、への関数の宣言を変更することにより、あります同じことをやっている。