是否有可能使用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选项卡中抛出“不匹配的片段标识符”错误。
没有解决方法吗?