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 "dalam", menunjukkan ia terbuka dan runtuh.
• Jika bar navigasi dibuka dan sasaran klik bukan butang togol bar navigasi, ia 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!