如何激活选定的 link

Question

我可以显示选定的 link，但是当我单击页面中的某处时，突出显示消失了。我也在努力让悬停等边缘突出显示。

附上一段代码和一张图片供参考。

#sidebarContent a :ACTIVE, #sidebarContent a:FOCUS{
        background-color: Green;
        padding: 5px 10px; 
        /* margin-left:auto;
        margin-right:auto; */
        text-decoration: none;
        width: 120px;           
    }

Answer 1

如果您使用 angular 应用程序（您添加了此标签）- 您可以使用 active class 来标记您当前的路线，而不是使用 ::focus 伪 class.

  <a href="#/home" ng-class="{active: isActive('home')}">Home</a>
  <a href="#/about" ng-class="{active: isActive('about')}">About</a>

其中：

$scope.isActive = function(path) {
    return $location.path() == '/' + path;
}

请检查这个fiddlehttps://jsfiddle.net/vadimb/2waujx3m/

如何激活选定的 link

How to make a selected link active

html

javascript

jquery

angular-ui-bootstrap