jquery ui - 模态对话框(创建模态内容的更好方法？)

Question

有没有办法在javascript中定义模态内容,而不是总是必须在页面上有一个元素并从中创建对话框？

它有标题选项,所以我可以"动态"创建模态标题,但实际内容呢？就像说我需要它说,"你要删除图像#539".而不是为每个可能的图像创建一个模态 - 甚至从创建元素然后从中创建对话框.

必须有一个更好的方法.

Answer 1

你可以尝试这样的事情:

HTML

<button id='diag1'>First dialog</button>
<button id='diag2'>Second dialog</button>

使用Javascript

var diag = $('<div id="myDialog" title="Testing!"><span id="dialogMsg"></span></div>');

diag.dialog({
    autoOpen: false,
    modal: true
});

$('#diag1').click(function() {
    $('#dialogMsg').text("Message for dialog 1.");
    diag.dialog("open");
});

$('#diag2').click(function() {
    $('#dialogMsg').text("Message for dialog 2");
    diag.dialog("open");
});

在这里演示.