La fonction de redimensionnement de JQuery ne fonctionne pas sur la charge de la page

Ce comportement est par conception.

Vous devez mettre votre code dans une fonction nommée, puis appelez la fonction. p>

Par exemple: P>

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

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

vous voudrez utiliser: xxx pré>

pour faire quelque chose se produire surcharger. Si vous voulez que quelque chose fonctionne surcharger et omniquer, vous devez faire: P>

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

$(document).ready(onResize);

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

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

Une autre approche, vous pouvez simplement configurer un gestionnaire et spoof un événement de redimensionnement 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');

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

$(window).on('load resize', function () {
    // your code
});