jQuery 事件 - วิธีการ ready()

jQuery 事件เอกสารอ้างอิง

ตัวอย่าง

เปิดใช้ฟังก์ชันหลังจากโหลดเอกสาร

$(document).ready(function(){
  $(".btn1").click(function(){
    $("p").slideToggle();
  });
});

ทดลองด้วยตัวเอง

การกำหนดและการใช้งาน

เหตุการณ์ ready จะเกิดขึ้นเมื่อ DOM (โมเดลตัวแทนเอกสาร) โหลดเสร็จและหน้า (รวมถึงภาพ) แสดงขึ้นเต็มที่

เนื่องจากเหตุการณ์นี้เกิดขึ้นหลังจากเอกสารสนับสนุนเสร็จทั้งหมด ดังนั้นเป็นเรื่องดีที่จะใส่ทุกหน่วยงานเกี่ยวกับ jQuery และฟังก์ชันอื่น ๆ ในเหตุการณ์นี้ อย่างเช่นในตัวอย่างด้านบน

ฟังก์ชัน ready() กำหนดโค้ดที่ต้องทำงานเมื่อเกิดเหตุการณ์ ready

ฟังก์ชัน ready() สามารถใช้กับเอกสารปัจจุบันเท่านั้น ดังนั้นไม่จำเป็นที่จะเลือกเลขฉาย

ยอมรับภาษาบอร์เดอร์ทั้งสามรูปแบบนี้

ภาษาบอร์เดอร์ 1

$(document).ready(function)

ภาษาบอร์เดอร์ 2

$().ready(function)

ภาษาบอร์เดอร์ 3

$(function)
ตัวแปร รายละเอียด
function จำเป็น กำหนดฟังก์ชันที่ต้องทำงานหลังจากโหลดเอกสาร

คำเตือนและหมายเหตุ

คำเตือน：ฟังก์ชัน ready() ไม่ควรถูกใช้ร่วมกับ <body onload="">

jQuery 事件เอกสารอ้างอิง