0

我在我的网站上使用 jQuery 工具选项卡，并且想要垂直选项卡，而不是水平选项卡。我知道 jQuery UI 选项卡以及其他插件可以做到这一点，但我想坚持使用 jQuery 工具选项卡。

具体来说，我正在尝试这样做：http: //flowplayer.org/tools/demos/tabs/skin4.htm并做两件事。

1) 使选项卡在左侧垂直 2) 确保面板高度将更改以显示该选项卡的所有内容

这在使用绝对定位和淡入淡出时似乎是不可能的？我很乐意放弃交叉淡入淡出来让它工作！我浏览了文档，也找不到任何东西。

4

1 回答 1

1

您问题的第二部分需要一些 Javascript/jQuery 来根据当前的高度调整高度，#panes div因为它们是绝对定位的，因此在正常的 DOM 流之外。因此，设置height:auto将#panes不起作用。

但是，您的问题的第一部分可以使用简单的 CSS 来完成，更改您提供的演示页面，以便：

#panes     { width:XXXpx; float:right; }
#nav       { width:YYYpx; }
#nav ul    { width:YYYpx; float:left; margin:0; padding:0; }
#nav ul li { width:YYYpx; display:block; margin:0; padding:0; } /* no float! */

XXXpx 和 YYYpx 将加起来等于父包装器的宽度，以便浮动正常工作并且不换行。

于 2011-01-20T17:12:20.840 回答