Храните диалоги jquery внутри вкладки

Question

У меня есть несколько вкладок. И на одной вкладке я хочу открыть много диалогов. Но если пользователь меняет вкладку, я хочу, чтобы эти диалоги оставались на другой вкладке. Что происходит сейчас, так это то, что если пользователь переключает вкладки, диалог всегда находится наверху.

Любая идея, как поддерживать диалог внутри Div всегда?

Спасибо!

Answer 1

Когда вы нажимаете на вкладку, JQuery просто скрывает все содержимое вкладки (div) и показывает выбранный div. Поэтому вам нужно синхронизировать диалог show/hide, на основе которого вы хотите отобразить диалог.

Показать диалоговое окно (ы), когда пользователь нажимает вкладку, которая имеет диалог, и закрывает их, когда они переходят на другие вкладки.

Вы можете использовать функцию вкладок JQuery select: function(event, ui) { ... }, чтобы отобразить/скрыть диалог.

Link to JQuery Tabs select event

Link to JQuery Dialog method

Good Luck :)

Answer 2

Вы можете закрыть диалоговое окно события щелчка каждой вкладки. Вам нужно будет найти способ указать, что диалог был открыт и на какой вкладке, чтобы при повторном нажатии этой вкладки откроется диалоговое окно. Вероятно, вы можете просто добавить класс в div диалога, когда он закрыт, что соответствует имени табуляции или что-то в этом роде.