Question

I have some tabs. And in one tab I want to open many dialogs. But if the user changes of tab, I want those dialogs to stay in the other tab. Whats is happening now, is that if the user switch tabs the dialog are always at top.

Any idea how to keep a dialog inside a Div always?

Thanks!

Answer 1

When you click on a tab, JQuery simply hides all tab contents (div’s) and shows the selected div. So you have to synchronize the dialog show/hide based on which tab you want to show the dialog.

Show the dialog(s), When the user click on the tab that has the dialog and close them when they navigate to other tabs.

You can use select: function(event, ui) { ... } JQuery Tab function to show/hide the dialog.

Link to JQuery Tabs select event

Link to JQuery Dialog method

Good Luck 🙂