Javascript ins的问题

我有一个对话框窗口。我想在单击“取消”时弹出一个确认对话框。我这样做的方式是创建一个div元素。在div元素中，我有一些文本，我想显示在确认对话框中。问题是，应该显示在确认窗口中的文本将显示在模式窗口中。如下图所示：我如何避免这个问题

HTML:

---

通过将以下内容添加到CSS中：

#dialog-confirm
{
   display:none;   
}

然后，jQuery将在单击取消时自动显示它

$(function () {

        $('#modalDialog').dialog({
            modal: true,
            height: 450,
            width: 350,
            position: 'center',
            buttons: {
                Save: function() { //submit
                    $( this ).dialog( "close" );
                },
                Cancel: function () { //cancel

                    $('#dialog-confirm').dialog({
                        resizable: false,
                        height: 300,
                        modal: true,
                        draggable: false,
                        buttons: {
                            OK: function () {
                                $(this).dialog("close");
                            },
                            Cancel: function () {
                                $(this).dialog("close");
                            }
                        }
                    });
                }
            }

        });
        return false;

#dialog-confirm
{
   display:none;   
}