javascript - jQuery 标签模仿

Question

我想知道是否可以在父选项卡之后添加 jQuery 选项卡!

详细说明...我有一个 jquery 选项卡菜单，3 个选项卡，一切正常。有名为“tabs-1”和“tabs-2”等的选项卡的 div...

但是如果我想在页面的另一个地方设置另一组选项卡，根据页面顶部选项卡的选定值显示相关的 div。

如果这令人困惑，我将进一步阐述:

我的 jQuery 标签如下:

<div id="tabs">
<ul>
    <li><a href="#tabs-1">Nunc tincidunt</a></li>
    <li><a href="#tabs-2">Proin dolor</a></li>
    <li><a href="#tabs-3">Aenean lacinia</a></li>
</ul>
<div id="tabs-1">
    <p>Proin elit arcu, rutrum</p>
</div>
<div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet</p>
</div>
<div id="tabs-3">
    <p>Mauris eleifend est et turpis. </p>
    <p>Duis cursus. Maecenas ligula eros</p>
</div>

并且列表项与 div id 相对应。

我想知道...是...是否有可能拥有这个 ^^^ 并且有一段单独的代码仅包含 div 元素

<div id="tabs-1">
<p>Proin elit arcu, rutrum</p>
</div>
<div id="tabs-2">
    <p>Morbi tincidunt, dui sit amet</p>
</div>...

显示或模仿另一个的显示。

所以如果主选项卡位于 heading2，(tabs-2)，另一个单独的 div 将显示 tabs-2？

容易做??

干杯，

亚历克斯

Answer 1

你可以给它们一个公共(public)类(例如:.theTabs)并绑定(bind)到标签的显示事件:

$( ".theTabs" ).bind( "tabsshow", function(event, ui) {
  //your div manipulation here
});

然后您可以在其中通过唯一 ID 选择并相应地操作其他选项卡表示