javascript - Link straight into a specific tab-pane from another page - Stack Overflow

admin管理员组

文章数量:1356092

I am using the following code to separate content on a website and it is working fine.

However, if I wanted to link straight to a specific tab from another page how can I go about doing this?

Using the regular way with an ID in the url doesn't seem to work - e.g. mypage.html#a

Thanks in advance

I am using the following code to separate content on a website http://www.bootply./74926 and it is working fine.

However, if I wanted to link straight to a specific tab from another page how can I go about doing this?

Using the regular way with an ID in the url doesn't seem to work - e.g. mypage.html#a

Thanks in advance

• javascript
• html
• twitter-bootstrap-3

Share Improve this question Follow edited Aug 11, 2016 at 22:32 Tom el Safadi 6,80677 gold badges5555 silver badges119119 bronze badges asked Aug 11, 2016 at 22:18 tinOfBeanstinOfBeans 73711 gold badge99 silver badges2222 bronze badges 1

• Hey, did it work? If yes could you please accept my answer? – Tom el Safadi Commented Sep 1, 2016 at 18:06

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

Although I do not have the chance to try it, I think you can do it via javascript.

When you are ming from another page to ex. mypage#abc, #abc can be retrieved by window.location.hash. So, a simple solution could be this javascript:

$(document).ready(function(){
    // get the tab from url
    var hash = window.location.hash;
    // if a hash is present (when you e to this page)
    if (hash !='') {
        // show the tab
        $('.nav-tabs a[href="' + hash + '"]').tab('show');
    }
});

Just make sure that the tabs you need to link (from other pages) have ids same as your hashes

The Advantage with this code is that you can navigate to those tabs from other sites as well not only within the same page.

$('#tab1 a').click(function (e) {
    e.preventDefault();
    $('a[href="' + $(this).attr('href') + '"]').tab('show');
})

You can see it working in my JSFiddle below:

http://jsfiddle/Anokrize/nP2Zk/317/

本文标签： javascriptLink straight into a specific tabpane from another pageStack Overflow