Beralih overlay kontekstual untuk menampilkan daftar tautan dan lainnya dengan plugin dropdown Bootstrap Show
RingkasanDropdown dapat dialihkan, hamparan kontekstual untuk menampilkan daftar tautan dan lainnya. Mereka dibuat interaktif dengan plugin JavaScript dropdown Bootstrap yang disertakan. Mereka dialihkan dengan mengklik, bukan dengan melayang; Dropdown dibangun di perpustakaan pihak ketiga, Popper. js, yang menyediakan pemosisian dinamis dan deteksi viewport. Pastikan untuk memasukkan popper. min. js sebelum JavaScript Bootstrap atau gunakan Jika Anda membuat JavaScript kami dari sumber, itu AksesibilitasStandar WAI ARIA mendefinisikan , tetapi ini khusus untuk menu mirip aplikasi yang memicu tindakan atau fungsi. Menu ARIA hanya dapat berisi item menu, item menu kotak centang, item menu tombol radio, grup tombol radio, dan submenu Dropdown Bootstrap, di sisi lain, dirancang untuk menjadi umum dan berlaku untuk berbagai situasi dan struktur markup. Misalnya, dimungkinkan untuk membuat dropdown yang berisi input tambahan dan kontrol formulir, seperti kolom pencarian atau formulir login. Karena alasan ini, Bootstrap tidak mengharapkan (atau menambahkan secara otomatis) salah satu atribut Namun, Bootstrap menambahkan dukungan bawaan untuk sebagian besar interaksi menu keyboard standar, seperti kemampuan untuk bergerak melalui elemen ContohBungkus sakelar tarik-turun (tombol atau tautan Anda) dan menu tarik-turun di dalam Dropdown tombol tunggalSetiap Dan dengan Bagian terbaiknya adalah Anda juga dapat melakukan ini dengan varian tombol apa pun Dropdown tombol terpisahDemikian pula, buat dropdown tombol terpisah dengan markup yang hampir sama dengan dropdown tombol tunggal, tetapi dengan tambahan Kami menggunakan kelas tambahan ini untuk mengurangi PerekatDropdown tombol bekerja dengan tombol dari semua ukuran, termasuk tombol dropdown default dan terpisah Tombol split besar Toggle Dropdown Tombol split kecil Toggle Dropdown Variasi drop-upPicu menu tarik-turun di atas elemen dengan menambahkan Pisahkan dropup Toggle Dropdown Variasi droprightPicu menu tarik-turun di sebelah kanan elemen dengan menambahkan Pisahkan dropright Toggle Dropdright Variasi dropleftPicu menu tarik-turun di sebelah kiri elemen dengan menambahkan Secara historis, konten menu tarik-turun harus berupa tautan, tetapi tidak demikian halnya dengan v4. Sekarang Anda dapat secara opsional menggunakan elemen di dropdown Anda, bukan hanya Secara default, menu tarik-turun secara otomatis diposisikan 100% dari atas dan di sepanjang sisi kiri induknya. Tambahkan Hati-hati. Dropdown diposisikan berkat Popper. js (kecuali jika terdapat di navbar) Tambahkan tajuk untuk melabeli bagian tindakan di menu tarik-turun mana pun Pisahkan kelompok item menu terkait dengan pembagi Letakkan formulir di dalam menu dropdown, atau buat menjadi menu dropdown, dan gunakan utilitas margin atau padding untuk memberikan ruang negatif yang Anda perlukan Tambahkan Tambahkan PenggunaanMelalui atribut data atau JavaScript, plugin tarik-turun mengalihkan konten tersembunyi (menu tarik-turun) dengan mengalihkan kelas Pada perangkat yang mendukung sentuhan, membuka dropdown menambahkan penangan kosong ( Melalui atribut dataTambahkan Melalui JavaScriptPanggil dropdown melalui JavaScript
|
Mengapa menu tarik-turun saya tidak berfungsi di html?
Pos Terkait
Copyright © 2024 ketajaman Inc.
