在选项卡内保留一个jQuery对话框

Question

我有一些选项卡。在一个标签中，我想打开许多对话框。但是，如果用户更改了选项卡，我希望这些对话框保留在另一个选项卡中。现在发生的事情是，如果用户切换标签页，对话框始终位于顶部。

任何想法如何保持对话内总是对话？

谢谢！

Answer 1

当你点击一个标签时，JQuery只是隐藏所有标签内容（div's）并显示选定的div。因此，您必须根据要显示对话框的选项卡来同步对话框显示/隐藏。

显示对话框当用户点击具有对话框的选项卡并在导航到其他选项卡时关闭它们。

您可以使用select: function(event, ui) { ... } JQuery Tab功能来显示/隐藏对话框。

Link to JQuery Tabs select event

Link to JQuery Dialog method

好运:)

Answer 2

您可以在每个选项卡的点击事件上关闭对话框。您必须找到一些方法来指示对话框已打开并在哪个选项卡上，以便当再次单击该选项卡时，对话框将打开。您可能只需在对话框div中添加一个类，以便匹配选项卡名称或与该效果相匹配的东西。