更改 jquery 模式确认对话框的大小答案

【问题标题】：change size of jquery modal confirmation dialog更改 jquery 模式确认对话框的大小
【发布时间】：2012-03-23 14:38:39
【问题描述】：

我在 jquery 中有一个确认对话框，它会弹出并显示一些确认详细信息。我要做的是，如果用户单击“是”，我想使用相同的确认对话框，但使用较小的文本，例如“请稍候...”或其他内容。为此，我想相应地调整我的对话框尺寸（意思是，在用户单击“是”后，我希望我的对话框更小，因为里面只有一个小文本）。我如何实现这样的目标？用户单击“是”后如何更改对话框的大小？

另外，我知道在 javascript 确认框中，如果用户单击 OK，则返回 TRUE，否则返回 false。 jquery模式确认boxex是一样的吗？我如何知道用户是点击 YES 还是 CANCEL？

谢谢

【问题讨论】：

标签： javascript jquery jquery-ui jquery-dialog

【解决方案1】：

我认为这就是您要寻找的。您可以更改确认框的高度：

$( "#dialog-confirm" ).dialog({
   width : 100, 
   height:100
});

并且可以为其添加按钮并跟踪点击：

$( "#dialog-confirm" ).dialog({
            width : 100, 
            height:100,
            modal: true,
            buttons: {
                "Ok": function() {
                    alert('ok');
                    $( this ).dialog( "close" );
                },
                Cancel: function() {
                    alert('cancel');
                    $( this ).dialog( "close" );
                }
            }
        });

除此之外，这里的文档也太详细了。 http://jqueryui.com/demos/dialog/

演示：http://jsfiddle.net/zgN2X/2/

【讨论】：