Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan artikel: **Lebih pendek

Mengatasi Cabaran dengan Kelas Navigasi Aktif Bootstrap

Apabila menyesuaikan menu navigasi dalam Bootstrap, isu mungkin timbul apabila kelas aktif gagal bertukar apabila menatal atau mengklik pada item menu . Ini boleh berpunca daripada pengubahsuaian CSS tanpa sokongan JavaScript yang sesuai.

Peningkatan CSS

HTML dan CSS yang disediakan menyerupai struktur dan gaya menu lalai Bootstrap. Untuk meniru gelagat subnav mereka, pengubahsuaian tambahan diperlukan.

Pelaksanaan jQuery

Menyepadukan jQuery diperlukan untuk memanipulasi DOM dan mengawal keadaan aktif pautan navigasi. Kod berikut berfungsi untuk tujuan ini:

<code class="javascript">$('.navbar li').click(function(e) {
    $('.navbar li.active').removeClass('active');
    var $this = $(this);
    if (!$this.hasClass('active')) {
        $this.addClass('active');
    }
    e.preventDefault();
});</code>

Pecahan Fungsi

• Kod memilih semua item senarai (li) dalam elemen dengan kelas "navbar."
• Apabila mengklik pada item senarai, ia mengalih keluar kelas aktif daripada mana-mana item yang aktif sebelum ini.
• Keadaan item senarai semasa dinilai, dan jika belum aktif, ia menerima kelas aktif.
• Penggunaan e.preventDefault(); menghalang halaman daripada menatal ke sasaran pautan yang diklik.

Atas ialah kandungan terperinci Berikut ialah beberapa tajuk berasaskan soalan yang sesuai dengan artikel: **Lebih pendek. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!