【问题标题】:jQuery Accordion display specific tabjQuery Accordion 显示特定选项卡
【发布时间】: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


    【解决方案1】:

    尝试使用这里的解决方案open-jquery-accordion-panel-with-link-outside-of-acccordion

    演示here.

    【讨论】:

    • 太棒了!不敢相信我错过了这个问题:D 谢谢我的朋友!
    猜你喜欢
    相关资源
    最近更新 更多
    热门标签