jQuery的對話與AJAX調用複製

Question

我已經在網上搜索尋找這個問題的答案，但都無濟於事......

解決方案我已經找到了突破的功能性的另一個方面。

我有鏈接，點擊時，使用AJAX將頁面加載到jQuery選項卡。使用該頁面，我有多個選擇放入jQuery對話框中，以節省頁面空間。這些顯示是通過點擊加載了AJAX的頁面上的鏈接來顯示的。選擇選項並關閉對話框後，所選選項將添加到列表中。

我的問題是，當另一個AJAX調用是爲另一個類似的頁面。當您單擊鏈接打開對話框時，會打開兩個對話框。頂層=>最老的對話框。底層=>最新對話框。

這些鏈接指向的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');。

註釋掉了不必要的代碼。