jQuery объединяет .ready и .resize

Question

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

Спасибо!

Answer 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');

Answer 2

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

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

Answer 3

Как то так ??

function mySetupFunction() {
    // stuff here.
}

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