Question

大家好，所有的HTML和JS大师！我使用Bootstrap，有问题。我有这个TAB

＆＃13;

<div class="row">
  <div class="col-md-3 mobilezmiany">
    
    <div class="tabbable tabs-left">
      
                     <ul class="nav nav-tabs">

                          <li class="active"><a href="#29" data-toggle="tab" aria-expanded="true">TAB 1</a></li>

                          <li class=""><a href="#32" data-toggle="tab" aria-expanded="false">TAB 2</a></li>

                     </ul>
                     
                   </div>
                 </div>
                    <div class="col-md-9 boksczarny">

                     <div class="tab-content">


                          <div class="tab-pane active" id="29">

                                <div class="panelsrodek">

                                  <h3 class="pageuslugi">CONTENT TAB 1</h3>

                                <p>TAB CONTENT</p>

                              </div>

                          </div>


                          <div class="tab-pane" id="32">

                                <div class="panelsrodek">

                                  <h3 class="pageuslugi">CONTENT TAB 2</h3>

                                <p>TAB CONTENT 2</p>

                              </div>

                          </div>

                        </div>
                     </div>
                   </div>

＆＃13;

现在我需要使用其他页面的链接 http://mylink.com/page/#32并且必须选择TAB 2，这不起作用我尝试使用： Bootstrap linking to a tab with an url 还有这个 Linking to a Bootstrap Tab from outside - how to set the tab to "active"?

＆＃13;

$('a[data-toggle="tab"]').on('shown.bs.tab', function (e) {
    var target = this.href.split('#');
    $('.nav a').filter('[href="#'+target[1]+'"]').tab('show');
})

＆＃13;

但仍然不工作。有人能帮帮我吗？ :) 也许我做错了什么或者我不擅长JS DOM？

从其他页面链接到选项卡

0 个答案: