JQuery UI选项卡插件:不同容器中的选项卡和内容窗格?

时间:2013-04-29 11:22:10

标签: jquery-ui-tabs

是否有可能使用jQueryUI选项卡将选项卡和内容窗格放在两个单独的容器中?

我有这个布局:

+--------------+--------------------------------------------------------+
| A            | B                                                      |
| Link         | Tabs                                                   |
+--------------+--------------------------------------------------------+
| C            | D                                                      |
|              |                                                        |
| <- Animate ->|  Content panes                                         |
|              |                                                        |
|              |                                                        |
|              |                                                        |
|              |                                                        |
|              |                                                        |
+-----------------------------------------------------------------------+

单击该链接会折叠C-container,从而使用选项卡窗格展开D-container。我更喜欢设计这样的html:

<div class="top">
    <div class="left" /> <!--A-->
    <div class="right" /> <!--B (tabs ul goes in here) -->
</div>
<div class="bottom">
    <div class="left" /> <!--C-->
    <div class="right" /> <!--D (content panes goes in here) -->
</div>

但是这会从jQueryUI选项卡中抛出“不匹配的片段标识符”错误。

没有解决方法吗?

1 个答案:

答案 0 :(得分:1)

由于主题和设计限制,jQuery UI选项卡无法实现这一点。 但您可以按照此example

中的说明执行此操作