Ketika ada tombol aktivasi di Bootstrap, tombol menjadi tidak tersedia;
Menurut metode yang dijelaskan di situs web resmi, tambahkan atribut data-loading-text = "memuat ..." ke tombol tombol, dan kemudian kode keseluruhan JS adalah sebagai berikut:
Salinan kode adalah sebagai berikut:
<Tombol Type = "Tombol" ID = "MyButton" Data-Loading-Text = "Loading ..." AutoComplete = "Off">
Status pemuatan
</tombol>
<script>
$ ('#myButton'). on ('click', function () {
var $ btn = $ (this) .button ('loading')
// Logika Bisnis ...
$ btn.button ('reset')
})
</script>
Atribut AutoComplete = "OFF" adalah agar browser FF dinonaktifkan setelah halaman dimuat.
Ketika saya menggunakan kode di atas secara langsung, saya menemukan bahwa status pemuatan tidak tersedia.
Lalu saya mengubahnya sendiri dan menulisnya seperti ini, tidak apa -apa
Salinan kode adalah sebagai berikut:
<script>
// Digunakan untuk mengubah status pemuatan tombol tombol saat tombol login lelucon dan tombol ulasan
function load () {
var btn = $ ("#btn_login");
btn.button ('memuat');
setTimeout (function () {btn.button ('reset');}, 2000);
}
</script>
<tombol type = "tombol" data-loading-text = "memuat ..." autoComplete = "off" onClick = "loag ()" id = "btn_login"> login </button>
Kami dapat mewujudkan persyaratan kami dengan membuat sedikit perubahan. Saya tidak tahu apakah bagian resmi telah dilakukan tanpa pengujian. Saya merekomendasikan solusi untuk teman -teman saya di sini.