jquery-ui - 删除带有周围内容的 jQuery UI 对话框

Question

我在 AJAX 加载的内容中有一些对话框。当内容刷新时，对话框应该被删除；然而，由于 jQuery 将它们移出 DOM 中的原始位置，它们仍然保留并开始堆积。

解决这个问题的一个技巧是为这些对话框指定一个特定的类，并在 AJAX 代码中显式地销毁它们；然而，这是“道德上”不正确的。正确的做法是什么？

这是一个演示该问题的 fiddle : http://jsfiddle.net/6LPcS/

Answer 1

为什么不在添加之前检查它们是否存在？例如，执行如下操作:

var isDialogInitialized  = false
function verifyDialog()
{
   if (!isDialogInitialized)
   {
      //Init the dialog
      //...
      //Some other code

      //Set the flag to true
      isDialogInitialized  = true;
   }
}

只需确保今天每次创建对话框时都调用此函数即可。这样您就可以确保对话框仅初始化一次。