Question

我想获得所选导航堆叠的值。

<div class="col-md-2">
  <ul class="nav  nav-stacked nav-pills" id="sidebar">
    <li class="active"><a href="#registration" data-toggle="tab">Registration Report</a></li>
    <li><a href="#events" data-toggle="tab">Events Report</a></li>
    <li><a href="#count" data-toggle="tab">Count Report</a></li>
  </ul>
</div>




<div class="tab-content">
    <div class="tab-pane fade active" id="registration">                    
        Some Content
    </div>
    <div class="tab-pane fade" id="count">
        Some Content
    </div>
    <div class="tab-pane fade" id="events">
        Some Content
    </div>
</div>

如何获取所选导航堆叠的值。??

此外，默认情况下registration处于活动状态，但其内容未显示。它只显示我点击它时，即变更事件。

Answer 1

你可以得到你想要的href：

＆＃13;

alert( $('#sidebar li.active a').attr('href') )

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="col-md-2">
  <ul class="nav  nav-stacked nav-pills" id="sidebar">
    <li class="active"><a href="#registration" data-toggle="tab">Registration Report</a></li>
    <li><a href="#events" data-toggle="tab">Events Report</a></li>
    <li><a href="#count" data-toggle="tab">Count Report</a></li>
  </ul>
</div>




<div class="tab-content">
    <div class="tab-pane fade active" id="registration">                    
        Some Content
    </div>
    <div class="tab-pane fade" id="count">
        Some Content
    </div>
    <div class="tab-pane fade" id="events">
        Some Content
    </div>
</div>

＆＃13;

获取ul - Bootstrap 3的所选子项的值

1 个答案: