html - 一键实现多个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

注意:因为所有都出现在同一位置，只需移动并查看演示中的新对话框