jQuery combine.gotowy i.Zmień rozmiar

Question

jQuery combine.gotowy i.Zmień rozmiar

Niektóre (no, prawie wszystkie) z mojego kodu, który jest w moim jQuery .funkcja ready ma zastosowanie również w przypadku zmiany rozmiaru okna, ponieważ działa układ. Ponieważ jednak jest to ten sam kod, Jak mogę "połączyć" te dwie funkcje, aby mój Kod się nie powtarzał (i nie był bałaganem do utrzymania)?

Dzięki!

14

jquery resize ready

Author: Blazemonger, 2011-09-13

Source

3 answers

Coś takiego??

function mySetupFunction() {
    // stuff here.
}

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

7

Author: mellamokb,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2011-09-13 16:05:45

Jeszcze jedna lepsza opcja

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

6

Author: karan mehta,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/doraprojects.net/template/agent.layouts/content.php on line 54
2015-08-07 20:27:38

score 44 · Accepted Answer

$(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 swój kod na dole strony, aby uniknąć potrzeby $(document).ready, staje się jeszcze prostsze:

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