Comment puis-je définir la taille par défaut d'un quantième jquery?

Question

Jetez un oeil à cette page. La datepicker lui-même (appelé <div id="calendar">) a initialement une largeur de "68em". J'utilise ensuite $("#calendar").children().css("width","auto"); pour régler la largeur sur auto (donc cela remplit la page). Comme vous pouvez le voir, cela fonctionne. Changer le mois (avec les boutons), cependant, fait que jQuery change de largeur. Y a-t-il un bon moyen de résoudre ce problème?

Answer 1

La solution rapide et sale est d'utiliser ! important pour remplacer les styles définis sur l'élément:

#calendar .ui-datepicker-inline { 
    width: auto ! important 
} 

Ce n'est pas assez, mais il obtenir est le travail fait sans trop de bruit.

Answer 2

Vous pouvez définir la largeur sur une valeur fixe à l'aide de CSS uniquement.

Si vous souhaitez utiliser Javascript pour définir la largeur du #calendar, vous devez connecter votre fonction de redimensionnement JS à l'événement onChangeMonthYear.

De l'jQuery UI site:

$('.selector').datepicker({ 
    onChangeMonthYear: function(year, month, inst) { ... } 
});