Дублирование диалогового окна jQuery с вызовами AJAX

Question

Я искал в Интернете, чтобы найти ответ на этот вопрос, но безрезультатно ...

Решения, которые я нашел, нарушают другой аспект функциональности.

У меня есть ссылки, которыепри щелчке по странице загружайте страницу на вкладку jQuery с помощью AJAX.На этой странице есть несколько вариантов выбора, которые я поместил в диалоги 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');.

Закомментирован ненужный код.