在选项卡中保留一个jquery对话框

时间:2011-12-28 21:11:30

标签: jquery jquery-ui jquery-ui-dialog jquery-ui-tabs

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

知道如何在Div内部保持对话吗?

谢谢!

2 个答案:

答案 0 :(得分:1)

当您单击选项卡时,JQuery只会隐藏所有选项卡内容(div)并显示所选的div。因此,您必须根据要显示对话框的选项卡同步对话框显示/隐藏。

显示对话框,当用户单击包含对话框的选项卡并在导航到其他选项卡时关闭它们。

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

Link to JQuery Tabs select event

Link to JQuery Dialog method

祝你好运:)

答案 1 :(得分:0)

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