Держите JQuery Диалог внутри вкладки

Question

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

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

Спасибо!

Answer 1

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

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

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

Ссылка на событие выбора вкладок JQuery

Ссылкав JQuery Dialog метод

Удачи:)

Answer 2

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