Как изменить диалоговые кнопки jquery

Question

Я хотел бы заменить кнопки диалога jquery с изображениями собственных кнопок. Какой самый аккуратный способ сделать это?

На кнопках не будет наложен текст. Я использую jquery 1.4.2 и jquery-ui 1.8.1

Answer 1

Возможно, в открывшемся диалоговом окне диалога откройте кнопки и удалите классы ui-кнопок и добавьте свои собственные.

var buttons = $(dialog_selector + ' .ui-dialog-buttonpane button'); 
for (var i = 0; i < buttons.length; ++i) { 
    $(buttons[i]).removeClass('ui-button-text-only').removeClass('ui-button'.addClass('yourclass'); 
} 

Answer 2

Не применяйте селектора CSS, используемые пользовательским интерфейсом jQuery.

Используйте текстовый отступ CSS с большим значением для перемещения текста из окна просмотра и используйте фон CSS для установки изображения (и опрокидывания), например.

.button { 
    text-indent: -9999px; 
    background: transparent url ('/path/to/button/image.png') no-repeat left top; 
    ... 
    ... 
}