Javascript 如何激活当前选项卡

我想在刷新页面后激活当前选项卡。我使用了下面的代码，尽管它不起作用，但我已经使用Bootstrap和AngularJS在

index.html

中编写了它

谁能解决这个问题

<ul role="navigation" class="nav nav-pills" id="MyTab">
  <li role="presentation" class="active" data-toggle="tab">
    <a href="#active">Active</a>
  </li>
  <li role="presentation" data-toggle="tab">
    <a href="#list">list</a>
  </li>
  <li role="presentation" data-toggle="tab">
    <a href="#add">Add</a>
  </li>
  <li role="presentation" data-toggle="tab">
    <a href="#search">Search</a>
  </li>
</ul>

<script>
$(document).ready(function(e) {
  $("a[data-toggle='tab']").on("show.bs.tab", function(e) {
    localStorage.setItem("activeTab", $(e.target).attr("href"));
  });
  var activeTab = localStorage.getItem("activeTab");
  if(activeTab) {
    $("#myTab a[href='" + activeTab + "']").tab("show");
  }
});
</script>

$（文档）.ready（函数（e）{
$（[a[data toggle='tab']）。打开（“show.bs.tab”，函数（e）{
setItem（“activeTab”，$（e.target）.attr（“href”）；
});
var activeTab=localStorage.getItem（“activeTab”）；
如果（活动选项卡）{
$（“#myTab a[href=”+activeTab+“]”）.tab（“显示”）；
}
});

---

我正在使用此JavaScript尝试此功能，但它不起作用。请告诉我哪里出了问题。

从localStorage获取活动的，并将其分配给范围变量

$scope.activetab=localStorage.getItem('activeTab');

基于activetab值设置活动类

<li role="presentation" data-toggle="tab" ng-class="{active: activetab == 'list'}"><a href="#list">list</a></li>
<li role="presentation" data-toggle="tab" ng-class="{active: activetab == 'add'}"><a href="#add">add</a></li>
<li role="presentation" data-toggle="tab" ng-class="{active: activetab == 'search'}"><a href="#search">search</a></li>

从localStorage获取活动数据，并将其分配给范围变量

$scope.activetab=localStorage.getItem('activeTab');

基于activetab值设置活动类

<li role="presentation" data-toggle="tab" ng-class="{active: activetab == 'list'}"><a href="#list">list</a></li>
<li role="presentation" data-toggle="tab" ng-class="{active: activetab == 'add'}"><a href="#add">add</a></li>
<li role="presentation" data-toggle="tab" ng-class="{active: activetab == 'search'}"><a href="#search">search</a></li>

您可以使用ng类添加活动类。

它不起作用

。。。再来一点信息，比如，你期望什么，你观察到了什么，开发者工具控制台中有错误吗？为什么在angularjs上标记这个？如果您使用的是angularjs，请尽量避免使用jquery。你也在使用路由器吗？像Ui路由器或ng路由器？是的，我正在使用ngRoute…您可以使用ng类添加活动的类。

它不工作。

。。。再来一点信息，比如，你期望什么，你观察到了什么，开发者工具控制台中有错误吗？为什么在angularjs上标记这个？如果您使用的是angularjs，请尽量避免使用jquery。你也在使用路由器吗？像Ui路由器或ng路由器？是的，我正在使用ngRoute。。。