Вызов функции jQuery один раз на загрузке страницы

Question

Я определил функцию jQuery, которая запускается при изменении ввода (отображение/скрытие определенных div). Все идет нормально.

Мой вопрос: Как я могу назвать эту функцию один раз, когда страница загружается?

С моей нехваткой опыта я просто делаю это хуже, пытаясь найти ответы, которые я нашел до сих пор (перетаскивание функций за пределы декларации документа и т. Д.). Я предполагаю, что функции должны оставаться там, где они есть, но называть их пока не работает. Сценарий:

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 изменить событие на этом элементе после того, как вы его связали. Это выполняет обработчик, как если бы он был вызван пользователем пользователем.

Я хотел бы попробовать что-то вроде этого:

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