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:

• Prüft Wenn das Element „navbar-collapse“ die Klasse „in“ hat, zeigt dies an, dass es geöffnet und reduziert ist.
• Wenn die Navigationsleiste geöffnet ist und das Ziel des Klicks nicht die Schaltfläche zum Umschalten der Navigationsleiste ist, wird ein Klickereignis auf der Schaltfläche zum Umschalten der Navigationsleiste ausgelöst, 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!