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

Bootstrap 3: Menyelesaikan Isu Menu Runtuh Berterusan

Masalah:

Dalam navigasi Bootstrap 3, menu runtuh kekal terbuka selepas mengklik pautan menu, mengganggu pengalaman pengguna.

Jawapan:

Untuk menyelesaikan isu ini, laksanakan kod berikut:

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

Butiran:

• Penyelesaian ini mengikat pendengar acara pada dokumen untuk memantau klik dalam menu navigasi dikembangkan (kelas: ".navbar-collapse.in").
• Apabila klik berlaku pada pautan menu (elemen "a"), baris $(this).collapse('hide'); mencetuskan keruntuhan menu navigasi.

Kemas kini [2014-11-04]:

• Untuk navigasi dengan submenu, ubah suai kod kepada :

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

• Pengubahsuaian ini memastikan bahawa hanya pautan menu yang bukan togol lungsur akan mencetuskan keruntuhan menu.

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