我正在使用 jQuery Tools 的选项卡插件来做一个垂直选项卡系统(选项卡垂直堆叠在左侧,相关内容在右侧)。
当您单击选项卡时,右侧的内容会发生变化。工作正常。
有没有办法让当前/活动选项卡始终成为列表中的第一个(或顶部)选项卡?
<div class="corpRespPod" id="notes">
<ul class="tabs">
<li><a href="#notes" title="Tab 1">Tab 1</a></li>
<li><a href="#notes" title="Tab 2">Tab 2</a></li>
<li><a href="#notes" title="Tab 3">Tab 3</a></li>
</ul>
<div class="panes">
<div>
Tab 1 content Here
</div>
...
</div>
</div>
简单的 JS 来触发它:
$("#notes .tabs").tabs("#notes .panes div");
所以换句话说,如果“Tab 2”被点击,它显然添加了当前的类,但也使它成为<li>
列表中的第一个。关于 CSS 或 JS 解决方案的任何想法?似乎不在本机 jQuery 工具功能中。