Mengapa Navbar Dropdown Saya Tidak Berfungsi dalam Bootstrap 5?

Navbar Dropdown Tidak Berfungsi dalam Bootstrap 5

Semasa mencipta menu responsif atau butang lungsur menggunakan Bootstrap 5, adalah perkara biasa untuk menghadapi masalah di mana lungsur turun gagal muncul. Berikut ialah pecahan punca dan penyelesaian yang berpotensi:

1. Kemas kini Atribut Data

Bootstrap 5 menggunakan atribut data untuk pemalam JavaScript dan atribut ini telah dikemas kini daripada data- kepada data-bs-. Khususnya, atribut butang Togol harus diubah suai seperti berikut:

<button class="navbar-toggler" data-bs-toggle="collapse" data-bs-target="#navbar">
    <span class="navbar-toggler-icon"></span>
</button>

2. Alamat Caching Penyemak Imbas

Jika anda mengemas kini projek sedia ada, anda mungkin menghadapi masalah caching dengan penyemak imbas anda. Untuk menyelesaikan masalah ini, kosongkan cache penyemak imbas anda atau akses halaman dalam mod inkognito.

3. Semak Kemasukan jQuery

Bootstrap 5 memerlukan kemasukan jQuery untuk fungsi tertentu. Pastikan jQuery disertakan dengan betul dalam projek anda sebelum cuba menggunakan fungsi lungsur turun.

4. Sahkan Perubahan Kelas

Bootstrap 5 telah memperkenalkan perubahan kepada beberapa nama kelas. Kelas yang digunakan sebelum ini seperti mr-auto dan ml-auto masing-masing telah diganti dengan ms-auto dan me-auto. Kemas kini kod anda dengan sewajarnya.

Dengan melaksanakan penyelesaian ini, anda sepatutnya dapat menyelesaikan isu dengan menu lungsur navbar dalam Bootstrap 5 dan mencapai kefungsian yang diingini.

Atas ialah kandungan terperinci Mengapa Navbar Dropdown Saya Tidak Berfungsi dalam Bootstrap 5?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!