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

时间:2012-03-06 05:15:50

标签: javascript jquery jquery-ui jquery-dialog

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

另外,我知道在javascript确认框中,如果用户单击OK,则返回TRUE,否则返回false。 jquery模态确认boxex是否相同?如何知道用户是“是”还是“取消”?

谢谢

1 个答案:

答案 0 :(得分:7)

我认为这就是你要找的东西。您可以更改确认框的高度:

$( "#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/