Tombol diperkenalkan di bab tombol Bootstrap. Dengan plugin tombol, Anda dapat menambahkan beberapa interaksi, seperti mengendalikan status tombol, atau membuat grup tombol untuk komponen lain seperti toolbar.
Jika Anda ingin merujuk fungsionalitas plugin secara terpisah, maka Anda harus referensi tombol.js. Atau, sebagaimana disebutkan dalam bab ikhtisar plugin Bootstrap, Anda dapat merujuk ke bootstrap.js atau versi terkompresi bootstrap.min.js.
1. Status pemuatan
Untuk menambahkan status pemuatan ke tombol, cukup tambahkan data-loading-text = "memuat ..." ke elemen tombol sebagai atributnya, seperti yang ditunjukkan pada contoh berikut:
<tombol id = "fat-btn" data-loading-text = "memuat ..." type = "tombol"> status memuat </button> <script> $ (function () {$ (". }); }); </script>2. Sakelar tunggal
Untuk mengaktifkan sakelar tombol tunggal (mis., Untuk mengubah keadaan normal tombol ke status pers, dan sebaliknya), cukup tambahkan data-kilat = "tombol" ke elemen tombol sebagai atributnya, seperti yang ditunjukkan pada contoh berikut:
Salin kode sebagai berikut: <tombol data-soggle = "tombol" autoComplete = "off"> sakelar tunggal </button>
Catatan: Ketika halaman Firefox memuat beberapa kali, tombol dapat membuat formulir dinonaktifkan atau dipilih. Solusinya adalah: Tambahkan AutoComplete = "OFF".
3. Tombol Radio
Demikian pula, Anda dapat membuat grup tombol radio dan menambahkan sakelar untuk grup tombol radio dengan menambahkan atribut data data-kilat = "tombol" ke btn-group.
<Div Data-koggle = "Tombol"> <label for = ""> <input type = "Radio" name = "sex" autocomplete = "off" checked> jantan </label> <label untuk = ""> <input type = "Radio" name = "sex" autocomplete = "off"> wanita </label> </div>
4. Periksa tombol
Anda dapat membuat grup kotak centang dan menambahkan sakelar ke grup kotak centang dengan menambahkan atribut data data-kilat = "tombol" ke kelompok BTN.
<Div Data-koggle = "Tombol"> <label for = ""> <input type = "centang kotak" name = "fa" autocomplete = "off" checked> musik </label> <label untuk = ""> <input type = "centang kotak" name = "fa" autocomplete = "off"> sports </label <label for label for = "> <" fa "autocomplete =" fa "> Label </label> <label for for ="> <"fa" fa "fa autocomplete =" fa "> Label </label> <label for for ="> <"fa" fa "fa autocomplete =" fa "> label </label </label </label for label for ="> <"fa" fa "fa autocomplete =" fa "> Art </label> <label for = ""> <input type = "checkbox" name = "fa" autoComplete = "off"> komputer </label> </div>
Ada tiga parameter dalam metode tombol dalam plug-in tombol: sakelar, reset, dan string (seperti memuat, menyelesaikan).
// dapat menggantikan data-koggle = "tombol" $ ('tombol'). On ('click', function () {$ (this) .button ('sakelar');}))Berikut adalah beberapa metode yang berguna dalam plugin tombol:
Di atas adalah semua konten artikel ini. Saya berharap ini akan membantu untuk pembelajaran semua orang. Untuk informasi lebih lanjut tentang Bootstrap, silakan merujuk ke topik: Tutorial Pembelajaran Bootstrap