JQuery UI 选项卡插件：不同容器中的选项卡和内容窗格？答案

【问题标题】：JQuery UI tabs plugin: tabs and content panes in different containers?JQuery UI 选项卡插件：不同容器中的选项卡和内容窗格？
【发布时间】：2013-04-29 11:22:10
【问题描述】：

有没有办法使用 jQueryUI 选项卡将选项卡和内容窗格放在两个单独的容器中？

我有这个布局：

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

单击链接会折叠 C 容器，从而使用选项卡窗格展开 D 容器。我更喜欢这样设计我的 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 选项卡中引发“片段标识符不匹配”错误。

没有解决办法吗？

【问题讨论】：

标签： jquery-ui-tabs

【解决方案1】：

由于主题和设计限制，jQuery UI 选项卡无法做到这一点。但是您可以按照example 中所示的方式实现这一点

【讨论】：

我希望通过固定标签的位置来解决问题。只是希望当我开始在 IE 8 中制作动画时它表现良好 :-( 感谢您的链接！