Question

我最近遇到了Bootstrap标签问题。我无法通过网址直接选择标签。

例如，如果我访问http://example.com/sample.php#medicalrecords，则会自动选择#medicalrecords标签。

以下是我的示例HTML代码

    <ul class="nav nav-tabs" role="tablist">
                    <li role="presentation" class="active"><a href="#personnal" aria-controls="personnal" role="tab" data-toggle="tab">Personnal Info</a></li>
                    <li role="presentation"><a href="#contact" aria-controls="contact" role="tab" data-toggle="tab">Contact Information</a></li>
                    <li role="presentation"><a href="#medicalrecords" aria-controls="medicalrecords" role="tab" data-toggle="tab">Medical Records</a></li>
                    <li role="presentation"><a href="#billingrecords" aria-controls="billingrecords" role="tab" data-toggle="tab">Billing Records</a></li>                    
    </ul>

<div class="tab-content">

              <div role="tabpanel" class="tab-pane fade in active" id="personnal">
              Personnal akl;daks
              </div>
              <div role="tabpanel" class="tab-pane fade in" id="contact">
              Contact akl;daks
              </div>
              <div role="tabpanel" class="tab-pane fade in" id="medicalrecorpds">
              Medical Records akl;daks
              </div>
              <div role="tabpanel" class="tab-pane fade in" id="billingrecords">
              Billing Records akl;daks
              </div>

</div>

我还没想出一个jQuery代码，因为我在jQuery上很差。非常感谢您的帮助。

编辑：

我需要通过网址

自动调用标签的内容

Answer 1

我建议你详细阅读一下Twitter Bootstrap的文档＆＃34; Tab Methods＆＃34;在http://getbootstrap.com/javascript/#tabs

您可能需要使用外部链接执行以下代码，

$('#someTab').tab('show')

我已经为您创建了一个演示 https://jsfiddle.net/mhzr14yu/4/

注意：您还应该在此处查看我的其他帖子，了解Anchor links for accordion menu not working (Bootstrap 3)

上手风琴/标签菜单的锚点链接

Bootstrap：通过URL调用或选择选项卡

1 个答案: