Html 带有一个按钮的多个Jquery ui dilaog框

我正在使用jQueryUI对话框。它工作得很好，但我有一个要求，一个按钮，我应该能够创建一个对话框，每次点击

所以，第一次点击就会打开一个对话框。在第二次单击时，必须创建一个新对话框，并且第一个对话框必须保持原样。我正在用这个实现便签

---

如何实现这一点？？？

您可以动态创建模式对话框

$("button").click(function () {
    var dynamicDialog = $('<div id="MyDialog">cotent            </div>');
    dynamicDialog.dialog({
        title: "Success Message",
        modal: false,
        buttons: [{
            text: "Yes",
            click: function () {}
        }]
    });
});

$（“按钮”）。单击（函数（）{
var dynamicDialog=$（'coent'）；
dynamicDialog.dialog({
标题：“成功消息”，
莫代尔：错，
按钮：[{
文本：“是”，
单击：函数（）{}
}]
});
});

---

注意：由于所有人都来自同一个位置，只需移动并在演示中看到新对话框

是否可以进行定位，使每个人都位于不同的位置？您可以使用

位置

@SiddharthTrikha:希望您在有时间时投票回答：）每个新对话框的位置都是动态的。如何处理？我想打开一个对话框（弹出窗口），它将是整个窗口的宽度，在该弹出窗口内提供如上所述的创建便笺的功能。如何创建全宽打开的大对话框？有什么想法吗？