【发布时间】:2014-11-12 06:00:08
【问题描述】:
我对 javascript 和 HTML 生疏了,并试图重新使用它。
这是我要修改的元素的示例代码:
<div id="tabContainer" class="table">
<h1>Container</h1>
<ul class="tabs">
<li><a href="#tab1">Tab 1</a></li>
<li><a href="#tab2">Tab 2</a></li>
<li><a href="#tab3">Tab 3</a></li>
</ul>
<div id="tab_display">
<div id="tab1" class="tab_content"></div>
<div id="tab2" class="tab_content"></div>
<div id="tab3" class="tab_content"></div>
</div>
</div>
我正在使用 jQuery Accordion 版本在选项卡之间切换,它可以毫无问题地工作。点击选项卡 2,同时选择选项卡 1,将清除“选项卡显示”并显示选项卡 2 的内容。
我想控制显示哪个选项卡,例如通过单击按钮。
如果正在显示选项卡 1 并且我单击页面上的另一个按钮,我希望显示特定选项卡(在“选项卡”列表中显示选择,并在“tab_dsiplay”中显示内容)。
我该怎么做? 谢谢!
【问题讨论】:
-
你想出了什么 jQuery 来实现这一点?你的意图是什么样的? :)
-
手风琴与标签结构非常不同。你为什么在这里混淆这两者?
-
不要混淆这两种结构,我称它们为选项卡,但这就是它们的样子。我正在使用网站布局,并且有一个名为 tab-accordion 的文件 >.> 内容选择使用手风琴
-
嗯,我一直在使用 firebug,我想我看到了解决问题的方法......看起来只需将当前的
- 设置为 active 就可以了
-
从另一个拥有它的类中删除 .active
标签: javascript jquery html jquery-ui tabs