垂直“标签" jQuery UI网站上的组件 [英] Vertical "tab" component on jQuery UI site

问题描述

jQuery UI具有一个漂亮的垂直标签"窗口小部件，可在其自己的网站上的各章之间进行切换. /a>

jQuery UI features a nice-looking "vertical tabbing" widget to switch between chapters on its own website.

有人知道它是否建立在某种标准小部件上(您会期望为此使用UI自己的"tabs"组件，但没有骰子！)，或者是否定制的东西?粗略地看一眼代码会使我怀疑是后者.....在我正在从事的项目中这将非常方便.

Does anybody know whether this builds on some kind of standard widget (you would expect that UI's very own "tabs" component is being used for this, but no dice!), or whether it is something custom made? A cursory glance at the code makes me suspect the latter..... This would come in very handy in a project I'm working on.

推荐答案

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

It is the UI Tabs Widget: http://jqueryui.com/demos/tabs/

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

You can Style your vertical tabs with css in an easy Way because you can define an unordered list, style it to your needs and add UI Tabs magic. Here is some really basic styling... 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>

这篇关于垂直“标签" jQuery UI网站上的组件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！