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() {
                                           // ...
                                       }});

Answer 2

你错过了这个'jquery-1.8.2.min.js'。只需将其添加到您的代码中即可。

Answer 3

已经几个月了，你现在可能已经继续前进了，但是 FWIW：

我不是 jQuery UI 内部的专家，但我一直在努力解决按钮不显示的时间超过我愿意承认的问题，这是我从 1.8.23 升级到 1.10.0（然后回滚到 1.9.2，但问题仍然存在）。我相信我现在有一个线索。

您应该初始化对话框一次且仅一次。如果你想重复使用，那么你应该（1）初始化 autoOpen 设置为 false；当您想（重新）打开时，如果需要重置选项并调用“打开”；或（2）在您的对话框上调用“destroy”，以便您可以在再次需要时重新初始化它，而不会遇到麻烦。

所以，看起来我一直在做“错误”，但直到版本 > 1.8.23 才成功。

希望这可以帮助。

Answer 4

$('#feedback_dialog_container').dialog({    
    height:auto,                                
    width:auto,
    modal:true,
    buttons:{"Send":send}//function call send
});
function send()  {
    //function code here
}