Mengapa Menu Navigasi Bootstrap 3 Saya Diruntuhkan Kekal Terbuka Selepas Mengklik Pautan?

Menu Navigasi yang Diruntuhkan Bootstrap 3 Kekal Dibuka pada Klik

Menu navigasi Bootstrap 3 mempunyai ciri runtuh yang mudah untuk peranti yang lebih kecil. Walau bagaimanapun, menu kadangkala kekal terbuka selepas mengklik pada pautan menu. Ini boleh mengecewakan jika anda mahu menu ditutup selepas memilih item.

Kod di bawah, yang merupakan penyelesaian popular di GitHub, menyelesaikan isu ini:

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') ) {
        $(this).collapse('hide');
    }
});

Kod ini mengikat pendengar acara kepada dokumen, yang mendengar klik pada mana-mana elemen dalam navbar-collapse yang dikembangkan. Jika elemen yang diklik ialah elemen penambat, ia meruntuhkan menu.

Untuk menangani isu dengan submenu, kod tersebut telah diubah suai seperti berikut:

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a:not(".dropdown-toggle")') ) {
        $(this).collapse('hide');
    }
});

Ini memastikan bahawa menu sahaja runtuh apabila elemen yang diklik ialah pautan langsung, bukan togol lungsur turun.

Atas ialah kandungan terperinci Mengapa Menu Navigasi Bootstrap 3 Saya Diruntuhkan Kekal Terbuka Selepas Mengklik Pautan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!