直接链接到选项卡

时间:2014-04-30 12:03:07

标签: jquery html

我正在使用HTML / JQuery在我的页面上添加标签,它运行正常。

以下是代码:

$("#content div").hide(); // Initially hide all content
$("#tabs li:first").attr("id", "current"); // Activate first tab
$("#content div:first").fadeIn(); // Show first tab content
$('#tabs li a').click(function (e) {
    e.preventDefault();
    if ($(this).attr("id") == "current") { //detection for current tab
        return
    } else {
        $("#content div").hide(); //Hide all content
        $("#tabs li").attr("id", ""); //Reset id's
        $(this).parent().attr("id", "current"); // Activate this
        $($(this).attr('href')).fadeIn(); // Show content for current tab
    }
});

然后是html:

<ul id="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="tab1">
    TAB 1
</div>

<div id="tab2">
    TAB 2
</div>

<div id="tab3">
    TAB 3
</div>

我的问题是我需要找到一种在需要时直接链接到标签的方法。

关于如何做到这一点的任何想法?

3 个答案:

答案 0 :(得分:1)

把它放在准备好的文件上:

$('#tabs li a[href="' + window.location.hash + '"]').click()

现在将哈希添加到网址应该会显示标签:

答案 1 :(得分:0)

我会检查一下:How to get the anchor from the URL using jQuery?

关于从网址获取锚点。然后根据结果将类当前添加到要显示的选项卡

答案 2 :(得分:0)

这是你正在寻找:http://jsfiddle.net/xZts2/

$('#tabs li a').click(function(e) {
            $('#content div').hide();   
            $($(this).attr('href')).fadeIn();         

    });

因为您已将href设置为相应的标签