เมื่อมีปุ่มเปิดใช้งานใน bootstrap ปุ่มจะไม่พร้อมใช้งาน
ตามวิธีการที่อธิบายไว้ในเว็บไซต์อย่างเป็นทางการเพิ่มแอตทริบิวต์การโหลดข้อมูล = "การโหลด ... " ไปยังปุ่มปุ่มจากนั้นรหัสโดยรวมของ JS มีดังนี้:
การคัดลอกรหัสมีดังนี้:
<button type = "button" id = "myButton" data-loading-text = "การโหลด ... " Autocomplete = "ปิด">
สถานะกำลังโหลด
</kout>
<script>
$ ('#myButton') บน ('คลิก', function () {
var $ btn = $ (นี่). button ('โหลด')
// ตรรกะทางธุรกิจ ...
$ btn.button ('รีเซ็ต')
-
</script>
แอตทริบิวต์ Autocomplete = "ปิด" สำหรับเบราว์เซอร์ FF ที่จะปิดใช้งานหลังจากโหลดหน้าเว็บ
เมื่อฉันใช้รหัสด้านบนโดยตรงฉันพบว่าสถานะการโหลดไม่สามารถใช้ได้
จากนั้นฉันก็เปลี่ยนมันเองและเขียนแบบนี้มันก็โอเค
การคัดลอกรหัสมีดังนี้:
<script>
// ใช้เพื่อเปลี่ยนสถานะการโหลดปุ่มของปุ่มเมื่อปุ่มล็อกอินตลกและปุ่มตรวจสอบ
ฟังก์ชันโหลด () {
var btn = $ ("#btn_login");
btn.button ('โหลด');
settimeout (function () {btn.button ('รีเซ็ต');}, 2000);
-
</script>
<button type = "ปุ่ม" data-loading-text = "การโหลด ... " autocomplete = "ปิด" onClick = "loag ()" id = "btn_login"> ล็อกอิน </button>
เราสามารถตระหนักถึงข้อกำหนดของเราโดยการเปลี่ยนแปลงเล็กน้อย ฉันไม่รู้ว่ามีการวางส่วนอย่างเป็นทางการโดยไม่ต้องทดสอบ ฉันแนะนำวิธีแก้ปัญหาให้เพื่อนของฉันที่นี่