ページロード時にjQuery関数を1回呼び出す

Question

入力が変更されたとき（特定のdivを表示/非表示）に実行されるjQuery関数を定義しました。ここまでは順調ですね。

私の質問：ページが読み込まれるとこの機能を1回呼び出す方法はありますか？

経験が不足しているので、これまでに見つかった回答を試している間に、私はそれを悪化させています（文書準備宣言などの外に関数をドラッグする）。私は関数がどこにいても残っていなければならないと思うが、それらを呼び出すことはまだ動作していないようだ。スクリプト：

jQuery(document).ready(function($) { 

    $('input[name=project-type]').change(chooseProject); 

    function chooseProject() { 
     var val = $(this).val(); 
     $('#div1').hide();  
     $('#div2').hide(); 
     $('#div3').hide(); 
     if (val == 'Short') { 
      $('#div1').show(); 
     } 
     else if (val == 'Long') { 
      $('#div1').show(); 
      $('#div3').show(); 
     } 
     } 

    }); 

いくつかの背景：入力は、ラジオボタンで、多段階の問い合わせフォームから選択したオプションは、しかし、変化イベントなし機能がで蹴るされていない、新しいpageloadに記憶されています。

苦労した時間が経っても、本当に感謝しています！

Answer 1

triggerあなたがそれをバインドした後に、その要素のchangeイベントを行うことができます。これは、ユーザが自然にトリガしたかのようにハンドラを実行します。

私はこのような何かをしようとするだろう：

jQuery(document).ready(function($) { 
    //function declaration 
    $('input[name=project-type]').on('change', chooseProject); 
    $('input[name=project-type]').trigger('change'); 
});