Bootstrap 5 Navbar Dropdown Tidak Berfungsi: Bagaimana untuk Membetulkan Isu Atribut Data?

Navbar Dropdown Tidak Berfungsi dalam Bootstrap 5: Diselesaikan

Apabila mencipta menu navigasi responsif dengan Bootstrap 5, pengguna menghadapi masalah dengan fungsi dropdown . Walaupun mempunyai ikon yang diperlukan dan termasuk jQuery, menu lungsur turun gagal dipaparkan apabila navigasi atau butang lungsur diklik.

Penyelesaian:

Dalam Bootstrap 5, data- Atribut yang digunakan sebelum ini dalam Bootstrap 4 telah dikemas kini kepada data-bs- untuk membezakan Fungsi Bootstrap daripada kod lain. Perubahan ini telah memberi kesan kepada atribut yang digunakan untuk pemalam JavaScript, termasuk keruntuhan bar nav. Untuk memastikan kefungsian yang betul, gantikan atribut data- dengan data-bs- seperti berikut:

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

Demo:

[Sisipkan berfungsi demo di sini]

Tambahan Pertimbangan:

• Bootstrap 5 ialah kemas kini penting yang memperkenalkan perubahan pecah.
• Kelas mr-auto/ml-auto yang digunakan sebelum ini telah digantikan dengan ms-auto/me -auto.

Atas ialah kandungan terperinci Bootstrap 5 Navbar Dropdown Tidak Berfungsi: Bagaimana untuk Membetulkan Isu Atribut Data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!