一键多出Jquery-ui对话框

Question

我正在使用 jquery ui 对话框。它工作正常，但我有一个要求，我应该能够通过一个按钮在每次点击时创建一个对话框。

例如：第一次单击时会打开一个对话框。在第二次单击时，必须创建一个新对话框，而第一个对话框则原封不动。我正在使用它来实现便签。

如何做到这一点？？

Answer 1

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

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

Demo

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