更改jquery模态确认对话框的大小

Question

我在jquery中有一个确认对话框弹出并显示一些确认细节.我想要做的是,如果用户单击是,我想使用相同的确认对话框,但使用较小的文本,如"请稍候..."等.为此,我希望相应地调整我的对话框尺寸(意思是,在用户单击"是"之后,我希望我的对话框变小,因为其中只有一个小文本).我如何实现这样的目标？用户单击"是"后如何更改对话框的大小？

另外,我知道在javascript确认框中,如果用户单击OK,则返回TRUE,否则返回false.jquery模态确认boxex是否相同？如何知道用户是YES还是CANCEL？

谢谢

Answer 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/