jQuery UI站点上的垂直“tab”组件

Vertical "tab" component on jQuery UI site

提问人：Pekka 提问时间：2/1/2011 更新时间：2/1/2011 访问量：5562

问：

jQuery UI具有一个漂亮的“垂直选项卡”小部件，可以在其自己网站上的章节之间切换。

enter image description here

有谁知道这是否建立在某种标准小部件之上（你会期望 UI 自己的“选项卡”组件用于此，但没有骰子！），或者它是否是定制的？粗略地看一眼代码，我怀疑是后者.....这在我正在从事的项目中会非常方便。

jquery jquery-ui

评论

1赞 Lance 2/1/2011
查看demos.js，它似乎是添加和删除onClick类的自定义内容。单击事件从 demos.js 文件的第 66 行开始，这让我相信您的结论是定制的，这是真的。demo-config-on

答：

3赞 gearsdigital 2/1/2011 #1

它是 UI 选项卡小部件：http://jqueryui.com/demos/tabs/

您可以以简单的方式使用 css 设置垂直选项卡的样式，因为您可以定义一个无序列表，根据需要设置样式并添加 UI 选项卡魔术。这是一些非常基本的样式......http://jsfiddle.net/CR6Eg/

<li class="ui-tabs-nav-item">
    <a href="#fragment-slide-1"><span>Volutpat ut wisi enim</a>
</li>
<li class="ui-tabs-nav-item">
    <a href="#fragment-slide-2"><span>Volutpat ut wisi enim</a>
</li>

<div class="ui-tabs-panel" id="fragment-slide-1" style="">
    <p>content</p>
</div>
<div class="ui-tabs-panel" id="fragment-slide-2" style="">
    <p>content</p>
</div>

评论

1赞 Pekka 2/1/2011
啊哈！这里有一个“垂直选项卡”子项目。我会检查一下，我可能已经可以使用它了。如果您有任何关于在包中从哪里获得这种特定样式的提示，我仍然有兴趣看到它。
0赞 gearsdigital 2/1/2011
您真的不需要垂直选项卡子项目。这很容易做到......你只需要一些基本的css和html知识。
0赞 Pekka 2/1/2011
@gears谢谢！我让它与垂直选项卡一起工作，我需要内容区域旁边的选项卡。无论如何，这是要走的路。
0赞 Pekka 2/1/2011
@gears是的，这本质上也是垂直标签的作用（只是从那里偷走了 CSS）。不过你的更好，我发现自己在工作时接近它

上一个：多供应商在线购物平台

下一个：CSS的布局中立标签？