Bootstrap打开制表符表单网址并支持子标签

时间:2015-09-15 09:42:21

标签: jquery url twitter-bootstrap-3 tabs show

我有这个方法用于根据网址

在我的网页中打开bootstrap 3标签

myurl.com#tab1(打开#tab1)

这是代码:

$(function () {
    var hash    = window.location.hash;
    hash && $('ul.nav a[href="' + hash + '"]').tab('show');
    window.scrollTo(0, 0);
});

我也努力为子标签做这项工作,基本上我的想法是让url哈希有多个这样的元素:

myurl.com#top_tab1#sub_tab1

然后:

  1. 拆分网址哈希,以便我们设置var top = #top_tab1
  2. 拆分网址哈希,以便我们设置var sub =#sub_tab1
  3. 然后可以从url
  4. 设置顶部和子标签

    任何人都能指出我正确的方向吗?我已经尝试过拆分方法,但无法以某种方式正确拆分哈希。

        var hash_split = hash.split('#');
    

1 个答案:

答案 0 :(得分:1)

var hashs = window.location.hash.match(/(\#[^#]+)/g)

["#top_tab1", "#sub_tab1"]

hashs[0];
hashs[1];