jQuery UI标签和标签内容在不同的地方

时间:2012-10-26 10:05:26

标签: javascript html jquery-ui tabs

UI标签的工作方式如下:

$( "#tabs" ).tabs();

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
    </ul>
    <div id="tabs-1">
    </div>
    <div id="tabs-2">
    </div>
</div>

需要做这样的事情:

$( "#tabs" ).tabs();

<div id="tabs">
    <ul>
        <li><a href="#tabs-1">tab 1</a></li>
        <li><a href="#tabs-2">tab 2</a></li>
    </ul>
</div>

<div id="tabs-content">
    <div id="tabs-1">
    </div>
    <div id="tabs-2">
    </div>
</div>

所以不同div中的标签和标签内容。

有可能吗?

1 个答案:

答案 0 :(得分:1)

是的,这是可能的

请检查此链接,然后点击链接

http://jsfiddle.net/YJdVE/1/

$(function() {
$("#tabs ul li").click(function() {
$("#tabs-content div").hide();
$('#tabs-content div:eq('+($(this).index())+')').show();
});
});