实现Jquery UI对话框的最简洁方法

Question

我将在我的应用程序中使用许多对话框，但实现它的最佳方法是什么？

我有两个想法：

在正文底部的页面上设置对话框div，但将其初始显示设置为无。

OR

当出现对话框的触发器时，将其附加到正文，然后打开。

您认为这两种方法的优点和缺点是什么？如果你有更好的方法请分享！

---

是的，我在谈论Jquery UI：

$('#myDialog').dialog({
    ...
})

我知道隐藏和取消隐藏，但使用它应用的div的最佳方法是什么？将它隐藏起来，或者将div动态附加到'body'，然后调用它上面的对话框？

---

@Lee Taylor - 这将是两者兼而有之，因为在对话框中会有输入和选择字段。选择字段将由AJAX调用填充。

---

通过AJAX调用或PHP更好地填充对话框的内容吗？

你能不能给我一个使用.clone（）的例子？

---

谢谢，这个怎么样：

function manageContactDialog()
{
var content = $.load('manage-customer-contact.html') ;

$('body').append('<div id="manageCustomerDialog">'+content+'</div>') ;

$('#manageCustomerDialog').dialog({
    title: ''
})
}