jQuery combine .ready and .resize

Question

Some (well, nearly all) of my code that is in my jQuery .ready function also applies when the window is resized, as it\'s layout work. However, since it\'s the same code, ho

Answer 1

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

function myfunction() {
    // do whatever
}

Another technique is to .trigger() one event inside the other:

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

If you put your code at the bottom of the page to avoid needing $(document).ready, it gets even simpler:

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

Answer 2

Something like this??

function mySetupFunction() {
    // stuff here.
}

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

Answer 3

One more better option

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