jQuery选项卡模仿

时间:2011-08-01 12:05:20

标签: javascript jquery jquery-ui

我想知道是否有可能在父标签后面有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会显示标签-2?

容易做到?

干杯,

亚历

1 个答案:

答案 0 :(得分:2)

你可以给他们一个公共类(例如:.theTabs)并绑定到标签的show事件:

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

在那里,您可以通过唯一ID进行选择,并相应地操纵其他标签表示