javascript - 更改 jquery 模式确认对话框的大小

Question

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

另外，我知道在javascript确认框中，如果用户单击“确定”，则返回TRUE，否则返回False。 jquery模态确认boxex也一样吗？我如何知道用户是否点击"is"或“取消”？

谢谢

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/