Bolehkah saya Menutup Navbar Bootstrap 3 yang Diruntuhkan dengan Mengklik Di Luarnya?

Menutup Navbar Runtuh pada Klik Luaran dalam Bootstrap 3

Soalan:

Bolehkah buka , navbar yang runtuh dalam Bootstrap 3 ditutup dengan mengklik di luar kawasan navbar? Pada masa ini, navbar hanya boleh dibuka atau ditutup dengan memilih butang navbar-togol.

Respons:

Ya, menutup navbar pada klik luaran adalah mungkin. Pertimbangkan kod berikut:

$(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();
        }
    });
});

Penjelasan:

Versi diubah suai bagi jawapan asal ini memperkenalkan fungsi berikut:

• Semak jika elemen navbar-collapse mempunyai kelas "in", menunjukkan ia terbuka dan runtuh.
• Jika navbar terbuka dan sasaran klik bukan butang navbar-togol, ia akan mencetuskan acara klik pada butang togol bar navigasi, menutup bar navigasi dengan berkesan.

Atas ialah kandungan terperinci Bolehkah saya Menutup Navbar Bootstrap 3 yang Diruntuhkan dengan Mengklik Di Luarnya?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!