jQuery对话框与AJAX调用重复

Question

我已经在互联网上寻找答案，但无济于事......

我发现的解决方案打破了功能的另一个方面。

我有链接，点击后，使用AJAX将页面加载到jQuery选项卡中。使用该页面，我已经在jQuery对话框中添加了多个选项，以节省页面空间。通过单击加载AJAX的页面上的链接显示这些。选择选项并关闭对话框后，所选选项将添加到列表中。

我的问题是当另一个类似页面进行另一个AJAX调用时。单击链接打开对话框时，将打开两个对话框。顶层=＆gt;最老的对话。底层=＆gt;最新的对话。

这些链接指向jsFiddle模型：

1. http://jsfiddle.net/davidgracie/Z3bjy/ - 不会销毁或删除对话框，但允许多次点击“打开对话框”链接
2. http://jsfiddle.net/davidgracie/fr5y5/ - 确实销毁和删除对话框，但只能点击“打开对话框”链接

显然，这些都不是我想要的。我想要销毁对话框，但用户仍然可以在不重新加载页面的情况下再次打开它们。

希望这很清楚......

提前致谢。

Answer 1

http://jsfiddle.net/jensbits/fr5y5/4/

创建了一个向页面添加对话框内容的功能。以前，它仅在链接点击时添加。现在添加链接点击和对话框打开。

将$(this).dialog('destroy');更改为$('.test-select').dialog('destroy');。

注释掉了不必要的代码。