schwebt auf einen <a> Element Aufenthalt Block nach und Warnfeld

Question

ich Bootstrap und ich habe diese navBar:

$('#linkNav').click(function() { 
 
    var r = confirm("Do you really really wanna do that?"); 
 
    if (r == false) { 
 
     //randomfunc(); 
 
    } 
 
});

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script> 
 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.bundle.min.js"></script> 
 
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/> 
 

 
<nav class="navbar navbar-inverse navbar-fixed-top"> 
 
    <div class="container"> 
 
     <div class="navbar-header"> 
 
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar"> 
 
        <span class="sr-only">Toggle navigation</span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
        <span class="icon-bar"></span> 
 
       </button> 
 
       <span class="navbar-brand" disabled>Title</span>> 
 
      </div> 
 
      <div id="navbar" class="navbar-collapse collapse"> 
 
       <ul class="nav navbar-nav"> 
 
        <li><a id="linkNav" href="#">Link</a></li> 
 
       </ul> 
 
      </div> 
 
    </div> 
 
</nav>

Alles funktioniert gut, außer man wirklich ärgerlich, kleinen Dinge.

Auf meinem Link habe ich einen Hover, um es weiß zu übergeben, wenn die Maus übergehen (bootstrap Standard Navbar), aber wenn ich auf den Link (so Farbe weiß) die Box öffnen klicke ich auf eine Schaltfläche (ok oder Abbrechen egal) und der Link bleibt weiß. Aber wenn ich auf die Seite klicke, egal wo sie zu ihrer ursprünglichen Farbe zurückkehrt.

Jemand weiß, wie man das repariert?

Answer 1

, wenn Ihr gehen, um die Bootstrap-CSS hacken es richtig, ich nehme an, Sie bereits tun, dass mit einem Tag für nav-Bar lässt so den Rest erledigen

.nav-bar > li > a:hover, 
.nav-bar > li > a:focus{ 
    color: white; //<<the one you want 
    background-color: black; //the one you want 
} 

vielleicht müssen Sie hinzufügen wichtig, diese Eigenschaften zu können, sollte

Answer 2

Dies liegt daran, die Bootstrap wird eine activeKlasse zum Menüpunkt hinzufügen (entweder, dass li oder a Element, das ich nicht sicher bin).

Also, diese Klasse im klickenEreignishandler Funktion entfernen.

Hope this helfen würde .....

Answer 3

arbeiten können die Wähler versuchen: aktiv oder einige Kombinationen mit: Fokus.

#linknav:active { 
    color:white; 
} 

Answer 4

Versuchen Sie dies, und importieren Sie jquery js im Projekt.

$("#linkNav").click(function() { 
    alert("Handler for .click() called."); 
});