Пустая кнопка в диалоговом окне Jquery UI

Question

Я пытаюсь создать всплывающую диалоговую форму с пользовательским интерфейсом jQuery, но сгенерированные кнопки не содержат никакого текста.

$(function(){
$( "#dialog-form" ).dialog({
        autoOpen: false,
        height: 300,
        width: 350,
        modal: true,
        resizable: false,
        buttons: {
            "OK": function() {
                alert("test");
                $( this ).dialog( "close" );
            }
        }
    });

Код сгенерированной кнопки следующий:

<div class="ui-dialog-buttonset">
 <button type="button" text="OK" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only" role="button" aria-disabled="false">
   <span class="ui-button-text"/>
 </button>
</div>

Кроме того, код обработчика кнопки выполняется при загрузке страницы, что означает, что я вижу «тест»всплывающее окно при загрузке страницы

Я использую jQuery и jQuery UI, загруженные с помощью API Google

Answer 1

Глупый я! Я использовал более старую версию jQuery (1.3.2), которая должна быть полностью совместима с jQuery UI, но я думаю, что нет. Спасибо!