Bei Verwendung der Bootstrap-Navigationsleistekomponente, wenn Ihre Navigationsleiste ein Dropdown-Menü enthält, schwimmt diese Navigation mit einem Dropdown-Menü nur das Dropdown-Menü, wenn Sie klicken. Sein eigenes HREF -Attribut wird ungültig sein, was bedeutet, dass es die Hyperlink -Funktion verliert. Das will ich nicht. Ich hoffe, dass der Link der Navigationsleiste ihren Link normal öffnen kann, aber auch die Dropdown-Menüfunktion benötigt und mit dem Werfen ~ beginnt
Lösen Sie zunächst das Problem, mit einem Dropdown -Menü auf die Navigationsleiste zu klicken. Der Dropdown -Menüeffekt wird von JS implementiert. Die Analyse der Datei bootstrap.js zeigt, dass Bootstrap das Dropdown-Menü als Jquery-Plug-In geschrieben und im Dropdown-Code-Segment einige wichtige Sätze gefunden hat:
// Bewerben Sie sich für Standard-Dropdown-Elemente // ================================================== $ (document) .on. Formular ', Funktion (e) {E.StopPropagation ()}). On (' click.bs.dropdown.data-api ', Toggle, Dropdown.Prototype.toggle) .on (' keydown.bs.dropdown.data-api ', Toggle +', [Rollen-Menü] ', Dropdown.protype.Keydown).Nachdem ich ein paar Schlüsselcodes gefunden hatte, dachte ich an eine Lösung. Schließen Sie einfach das Ereignis click.bs.dropdown.data-api und es wird in Ordnung sein. Der Code ist wie folgt:
$ (Dokument) .Ready (function () {$ (document) .off ('click.bs.dropdown.data-api');});Der obige Code -Test ist effektiv. Die Navigationsleiste kann geklickt werden, um das Problem zu lösen. Das Folgende ist die Lösung des Problems des Mausschwebe- und Pulldown-Menüs. Dies ist relativ einfach. Es kann mit der Mausereignis von JQuery implementiert werden. Der Code ist wie folgt:
$ (Dokument) .Ready (function () {dropdownopen (); // call});/*** Erweitern Sie das Untermenü, wenn die Maus durchgeht, damit es nicht klicken muss, um*/function Dropdownopen () {var $ Dropdownli = $ ('li.dropdown'; {$ (this) .AddClass ('open');}). Mausout (function () {$ (this) .removeclass ('open');});}Das obige ist der Implementierungscode für die Bootstrap-Navigationsleiste, auf die geklickt und schwebte, um das Dropdown-Menü anzuzeigen. Ich hoffe, es wird für alle hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird allen rechtzeitig antworten. Vielen Dank für Ihre Unterstützung auf der Wulin.com -Website!