So machen Sie einen ausgewählten Link aktiv

-1

Ich kann einen ausgewählten Link anzeigen, aber wenn ich irgendwo auf der Seite klicke, verschwindet die Hervorhebung. Ich bemühe mich auch, das Highlight zu Kanten wie den Hover zu bekommen.So machen Sie einen ausgewählten Link aktiv

Ich habe ein Stück Code und ein Bild als Referenz beigefügt.

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

Quelle

2017-02-24 eldix_

Sie erhalten eine Klasse zu Ihrer Links anhängen müssen; ': focus' und': active' bestehen nur so lange, wie Sie mit diesem Element interagieren (wie ': hover'). – gyre

Wie ich sehe, dass dies mit jQuery getaggt ist, würde ich vorschlagen, dass Sie dies auschecken: http://stackoverflow.com/questions/7738219/how-to-keep-active-css-style-after-clicking-an- Element. Wenn es um das Highlight zum Kanten-Teil geht, denke ich, wir brauchen vielleicht etwas Ausarbeitung – Coss

Perfekt. Danke Herren! –

Wenn Sie Winkel Anwendung verwenden (Sie haben diesen Tag) - Sie active Klasse verwenden, können Sie Ihre aktuelle Route anstelle der Verwendung ::focus Pseudoklasse zu markieren.

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

wo:

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

Bitte überprüfen Sie diese Geige https://jsfiddle.net/vadimb/2waujx3m/

Quelle

2017-02-24 09:14:49 VadimB

Wenn er wirklich 'angular-ui-bootstrap' verwendet, dann ist das ein gutes Beispiel. BTW +1 für jsfiddle Link –

So machen Sie einen ausgewählten Link aktiv

Antwort

Verwandte Themen