0

有没有办法使用 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 选项卡中引发“片段标识符不匹配”错误。

没有解决办法吗?

4

1 回答 1

1

由于主题和设计限制,这对于 jQuery UI 选项卡是不可能的。但您可以如本例所示实现这一点

于 2013-04-29T11:37:34.127 回答