jQuery połączyć .ready i .resize

Question

Niektóre (dobrze, prawie wszystkie) z mojego kodu, który jest w mojej funkcji jQuery .ready ma zastosowanie również, gdy okno jest zmieniany, ponieważ jest to praca układu. Jednak skoro jest to ten sam kod, jak mogę "połączyć" te dwie funkcje, aby mój kod się nie powtórzył (i był bałagan do utrzymania)?

Dzięki!

Answer 1

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

function myfunction() { 
    // do whatever 
} 

Inną techniką jest .trigger() jedno zdarzenie wewnątrz drugiego:

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

Jeśli umieścisz kod na dole strony, aby uniknąć konieczności $(document).ready, to staje się jeszcze prostsze:

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

Answer 2

Coś takiego?

function mySetupFunction() { 
    // stuff here. 
} 

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

Answer 3

Jeszcze jedna lepsza opcja

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