Kann ich eine ausgeblendete Bootstrap 3-Navigationsleiste schließen, indem ich außerhalb davon klicke?

Reduzierte Navigationsleiste bei externem Klick in Bootstrap 3 schließen

Frage:

Kann geöffnet werden Kann die reduzierte Navigationsleiste in Bootstrap 3 durch Klicken außerhalb des Navigationsleistenbereichs geschlossen werden? Derzeit kann die Navigationsleiste nur durch Auswahl der Schaltfläche zum Umschalten der Navigationsleiste geöffnet oder geschlossen werden.

Antwort:

Ja, das Schließen der Navigationsleiste durch externen Klick ist möglich. Betrachten Sie den folgenden Code:

$(document).ready(function () {
    $(document).click(function (event) {
        var clickover = $(event.target);
        var _opened = $(".navbar-collapse").hasClass("navbar-collapse in");
        if (_opened === true && !clickover.hasClass("navbar-toggle")) {
            $("button.navbar-toggle").click();
        }
    });
});

Erklärung:

Diese modifizierte Version der ursprünglichen Antwort führt die folgende Funktionalität ein:

• Überprüfungen Wenn das Element „navbar-collapse“ die Klasse „in“ hat, bedeutet dies, dass es geöffnet und reduziert ist.
• Wenn die Navigationsleiste geöffnet ist und das Ziel des Klicks nicht die Schaltfläche „Navbar-Toggle“ ist, wird ein Klickereignis ausgelöst auf der Navigationsleisten-Umschalttaste, wodurch die Navigationsleiste effektiv geschlossen wird.

Das obige ist der detaillierte Inhalt vonKann ich eine ausgeblendete Bootstrap 3-Navigationsleiste schließen, indem ich außerhalb davon klicke?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!