Question

我想链接到bootstrap 3.2.0标签，其链接如下：

<a href="#tab_i_want_to_link" onclick="something()">Tab name</a>

谢谢！

Answer 1

这里有一个评论主题：https://github.com/twbs/bootstrap/issues/2415并且解决方案中没有一个能够顺利运行。

消息来源：http://timforsythe.com/blog/hashtabs/

DEMO：https://jsbin.com/quvelo/2/

此解决方案通过常规网址链接到外部，内部和任意位置的标签。

  $(window).load(function() { 

    // cache the id
    var navbox = $('.nav-tabs');

    // activate tab on click
    navbox.on('click', 'a', function (e) {
      var $this = $(this);
      // prevent the Default behavior
      e.preventDefault();
      // send the hash to the address bar
      window.location.hash = $this.attr('href');
      // activate the clicked tab
      $this.tab('show');
    });

    // will show tab based on hash
    function refreshHash() {
      navbox.find('a[href="'+window.location.hash+'"]').tab('show');
    }

    // show tab if hash changes in address bar
    $(window).bind('hashchange', refreshHash);

    // read has from address bar and show it
    if(window.location.hash) {
      // show tab on load
      refreshHash();
    }

});

你将这个js放在你的bootstrap.js之后，你可以调用工具提示或弹出窗口（例如）。我在我的文档中的bootstrap.min.js之后加载了bootstrap-initializations.js文件。

USAGE：与用于链接锚点的相同：

<a href="mypage.html#tabID">Link</a>

在bootstrap 3中显示带有外部链接的选项卡和onclick

1 个答案:

DEMO：https://jsbin.com/quvelo/2/