JQuery объединить .ready и .resize

Некоторые (ну, почти все) моего кода, которые находятся в моей функции jQuery.ready, также применяются, когда размер окна изменяется, поскольку его макет работает. Однако, так как это тот же код, как я мог "объединить" две функции, чтобы мой код не повторялся (и быть бесполезным для поддержания)?

Спасибо!

Ответ 1

$(document).ready(myfunction);
$(window).on('resize',myfunction);

function myfunction() {
    // do whatever
}

Другим методом является .trigger() одно событие внутри другого:

$(window).on('resize',function() {
    // do whatever
});
$(document).ready(function() {
    $(window).trigger('resize');
});

Если вы поместите свой код в нижней части страницы, чтобы избежать необходимости $(document).ready, он становится еще проще:

$(window).on('resize',function() {
    // do whatever
}).trigger('resize');

Ответ 2

Что-то вроде этого??

function mySetupFunction() {
    // stuff here.
}

$(document).ready(mySetupFunction);
$(window).resize(mySetupFunction);

Ответ 3

Еще один лучший вариант

$(window).on("load resize",function(e){
  function abc() {
    // code here
  }
});