Comment faites-vous la taille de l'jQuery Bouton?

Question

Je suis à l'aide de l'INTERFACE utilisateur de jQuery Bouton de contrôle, mais ne semblent pas être en mesure d'ajuster la taille (largeur et hauteur). Voici la documentation de l'API. J'ai essayé de fixer un attribut de STYLE sur elle, mais l'ÉTIQUETTE n'était pas centré correctement. Merci.

Answer 1

Essayez ceci dans l'attribut style:

width: 300px;
padding-top: 10px;
padding-bottom: 10px;

ou

$(element).css({ width: '300px', 'padding-top': '10px', 'padding-bottom': '10px' });

Answer 2

normalement:

$(theElement).css('height','...px').css('width','...px');

Answer 3

Vous pouvez définir le style de l' .ui-button.ui-widget (pas d'espaces, doit avoir les deux classes). (assurez-vous que votre feuille de style s'affiche en dessous de jquery ui un). Vous pouvez également le style

.ui-button.ui-widget{
     height, width
}

.ui-button.ui-widget .ui-button-text{
    line-height, font-size
}

Answer 4

Voici ma solution pour faire de jquery UI bouton de la même largeur. J'ai d'abord besoin d'une méthode pour obtenir la largeur max.

var greatestWidth = 0;   // Stores the greatest width
function getMaxWidth() {
    var theWidth = $(this).width();   // Grab the current width

    if( theWidth > greatestWidth) {   // If theWidth > the greatestWidth so far,
        greatestWidth = theWidth;     //    set greatestWidth to theWidth
    }
}

Puis-je appeler cette méthode après avoir accroché le bouton et réglez la taille. exemple

  $('.selector')
        .button()
        .each(getMaxWidth);
  $('.selector').width(greatestWidth);

Answer 5

Vous pouvez le style de l'élément de police relative de la taille. Si votre bouton a le custome de la classe de buttonStyle", puis l'ajouter à la CSS

.buttonStyle{
 font-size:0.8em;
}