Jquery ui jQuery UI对话框按钮不可见

具有以下代码：

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

---

尝试添加如下按钮：

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

对于您的代码，如下所示：

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

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

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

---

几个月过去了，你现在可能已经离开了，但是FWIW：

我不是jQueryUI内部的专家，但我一直在努力解决按钮不显示的问题，这个问题是在我从1.8.23升级到1.10.0（然后回滚到1.9.2，但问题仍然存在）之后出现的。我相信我现在有了线索

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

所以，看起来我一直在做“错误”的事情，但直到版本>1.8.23，我才得以逃脱

---

希望这有帮助。

您缺少这个“jquery-1.8.2.min.js”。只需将其添加到代码中。

这不起作用，我以前尝试过这种语法，但没有成功。我看不出我的错误在哪里，也看不出为什么这不能像预期的那样工作……文档准备好后，您是否启动了对话框？使用

$（function（）{//your init dialog code here}

？我正在“动态”调用/打开对话框，当用户单击应用程序中的一个特殊按钮时。您是否在firefox或其他浏览器上使用了调试工具，如

fireBug

？控制台中是否有警报？您的代码似乎正常……是的，我使用的是Chrome调试器。没有错误，对话框本身显示时没有任何问题-在不可见的按钮旁边。上述情况似乎是正确的，b但为了充分披露，我应该承认，我还在我的老鼠窝里的某个地方发现了一个

$（'div.ui-dialog-buttonpane'）.hide（）

，它是--duh--隐藏我的按钮按钮。如果你能解释一下为什么你的代码块解决了OP的问题，那就太好了。谢谢！

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