Collapse Bootstrap navbar auf Unschärfe

Question

Ich versuche, ein Navbar-Menü mit mehreren Ebenen zu reduzieren, wenn ein Benutzer durch das Menü TABBING und schließlich Tabs aus dem Menü (Menü verliert Fokus). Ich habe versucht, Dinge wie

$(.dropdown-toggle).blur(function() {..... 

zu tun, aber nicht in der Lage, etwas zu bekommen, um angemessen zu arbeiten. Hat jemand das getan? Laut Bootstrap's kollabierendem Inhaltsdokument bieten sie Funktionalität für eine Schaltfläche, um den Inhalt zu reduzieren, aber in der Theorie sollte dies ein wirklich einfaches Skript sein, nicht?

http://v4-alpha.getbootstrap.com/components/navbar/#collapsing-content

Answer 1

sollten Sie $('.dropdown-toggle').focus(function(){}); verwenden und für aus dem Fokus verwenden $('.dropdown-toggle').focusout(function(){});

Sie können auch .dropdown-Toggle verwenden: focus {...} in Ihrem CSS zu machen, was Sie wollen archieve .

Die: focus Pseudoklasse in CSS für Styling ein Element verwendet, das derzeit von der Tastatur ausgerichtet ist, oder von der Maus aktiviert.

ps ich weiß nicht, ob es ein TYPO war aber Sie Ihre '' fehlt, wenn die .dropdown-toggle Klasse mit jquery Auswahl

Answer 2

Ich konnte dies mit Unschärfe lösen, wenn die vorgeschlagene focusout funktioniert hätte auch gut. Das Problem war, dass das Tabbing tatsächlich auf dem a-Tag stattfand und ich versuchte, einen Fokusverlust auf dem li-Level zu erkennen. Dummer Fehler, aber ich dachte mir, dass ich nicht der Einzige auf der Welt bin, der dieses Problem hat.