jquery-ui - jQuery UI 对话框按钮不可见

Question

有以下代码:

$('#feedback_dialog_container').dialog({
        modal: true,
        closeOnEscape: false,
        title: "Title",
        height: 650,
        width: 600,
        buttons: [{
            text: "Send",
            click: function() {
                // ...
            }
        }]
});

该按钮在对话框中不可见。有什么提示或提示吗？我错过了什么吗？

PS:我也尝试了@palmplam 的这个例子，但也不起作用:

$('#feedback_dialog_container').dialog({
    modal: true,
    closeOnEscape: false,
    title: "Title",
    height: 650,
    width: 600,
    buttons: {"Send" : function() {
            // ...
        }
    }
});

Answer 1

尝试添加这样的按钮:

buttons : {text:function},{secondtext:secondfunction},...

使用您的代码，就像这样:

$('#feedback_dialog_container').dialog({
    modal: true,
    closeOnEscape: false,
    title: "Title",
    height: 650,
    width: 600,
    buttons: {"Send" : function() {
            // ...
        }
    }
});

或者您可以在对话框初始化后添加按钮，如下所示:

$('#feedback_dialog_container').dialog('option', 
                                       'buttons', 
                                       {"Send" : function() {
                                           // ...
                                       }});