Javascript 单ajax页面仪表板上的jquery模式复制

我有一个问题，在某个ajax请求中有5个jquery对话框。此页面不重新加载，完全依赖于ajax。一旦这个特定的ajax请求加载了5个对话框，它们就会被初始化，插件会在页面底部为对话框添加必要的标记。我通过ajax离开该页面，转到另一个ajax请求。从modals生成的html仍然在页面上。如果我再次回到包含这5个对话框的页面，它会在底部的html中添加另外5个modals，现在是10个。在浏览ajax页面时，有没有一种删除这些模态的好方法，或者我必须跟踪它？有些对话框是全局的，每个ajax请求都会使用它们，因此全局删除也不起作用。

为每组对话框指定一个唯一的类-可能是“set”+一个唯一的递增变量。在递增变量之前，调用，例如

$（'.set'+incrementVal）.dialog（“destroy”）

在创建新对话框之前，删除旧对话框。这听起来有用吗

例如：

globalIncrement = 0;
function createDialogs() {
    globalIncrement += 1;
    $('div#main').append('<div class="set' + globalIncrement + '">test Dialog</div>');
    if(globalIncrement > 1) {
        $('div.set' + (globalIncrement - 1)).dialog("destroy");
        //Also, remove the <div> from the DOM:
        $('div.set' + (globalIncrement - 1)).remove();
    }
}

globalIncrement=0；
函数createDialogs（）{
全局增量+=1；
$（'div#main'）.append（'test Dialog'）；
如果（全局增量>1）{
$（'div.set'+（globalIncrement-1））.dialog（“destroy”）；
//另外，从DOM中删除：
$（'div.set'+（globalIncrement-1））.remove（）；
}
}

我做了一些单独答案给出的事情，但是我已经有了一个关于这些情态动词的公共类，所以我做了这个

$(".modal-template").parents('.ui-dialog').remove();