jQuery la fonction de redimensionnement ne fonctionne pas au chargement de la page

Comment puis-je obtenir cette fonction pour ne pas s'exécuter uniquement sur la fenêtre de redimensionnement, mais aussi sur le chargement initial de la page?

$(window).resize(function() {
...  
});
InformationsquelleAutor Nicki | 2010-04-08
  1. 18

    Que vous souhaitez utiliser:

    $(document).ready(function() { /* your code */ });

    De faire quelque chose onload. Si vous voulez quelque chose à travailler onload et onresize, il faut faire:

    onResize = function() { /* your code */ }

$(document).ready(onResize);

$(window).bind('resize', onResize);
    InformationsquelleAutor Kristopher
  2. 4

    Je pense que la meilleure solution est simplement de le lier à la charge et de l'événement de redimensionnement:

    $(window).on('load resize', function () {
    //your code
});
    • C'est le plus simple de répondre à tous les
    • Il est simple et propre.
    InformationsquelleAutor Hativ
  3. 1

    Ce comportement est par la conception.

    Vous devriez mettre votre code dans une fonction nommée, puis d'appeler la fonction.

    Par exemple:

    function onResize() { ... }

$(onResize);
$(window).resize(onresize);

    Alternativement, vous pouvez faire un plugin pour se lier automatiquement et exécuter un handler:

    $.fn.bindAndExec = function(eventNames, handler) {
    this.bind(eventNames, handler).each(handler);
};

$(window).bindAndExec('resize', function() { ... });

    Remarque que ça ne fonctionnera pas correctement si le gestionnaire utilise le event objet, et il ne permet pas de couvrir tous les surcharge de la bind méthode.

    InformationsquelleAutor SLaks
  4. 1
    $(document).ready(onResize);
$(window).bind('resize', onResize);

    n'a pas fonctionné avec moi.

    Essayer 

    $(window).load('resize', onResize);
$(window).bind('resize', onResize);

    à la place.

    (Je sais que cette question est ancienne, mais google m'a envoyé ici, donc...)

    InformationsquelleAutor JGSilva
  5. 0

    Une autre approche, vous pouvez simplement l'installation d'un gestionnaire, et d'usurper un événement de redimensionnement de vous-même:

    //Bind resize event handler through some form or fashion
$(window).resize(function(){
  alert('Resized!');
});

//Trigger/spoof a 'resize' event manually
$(window).trigger('resize');
    InformationsquelleAutor Andy Corman