Aug
14
2009

Events ready

An article by บริษัท เก้ายอดสตูดิโอ จำกัด

No Comments

วันนี้มาทำความรู้จักกับ Events ที่ชื่อว่า ready กันครับ

Function Ready นั้นทำงานเหมือนกับ window.onload มันพิเศษตรงที่เราสามารถจับ Function อื่นๆให้ผูกกับ onload ได้

function ready นี้จะทำงานเมื่อ DOM ทำงาน

มาดูตัวอย่างกันเลยยิ่งอ่านจะยิ่งงงไปกันใหญ่

1
2
3
4
5
6
7

$(document).ready(function(){

alert('DOM ready!!');

});

// Result : DOM ready!!

เมื่อลองเอา code นี้ไปทดสอบดู จะเห็นได้ว่ามีการ alert ข้อความ DOM ready!! ออกมา เรามามารถนำ Function ไปใช้เมื่อต้องการให้โปรแกรมเราทำงานตั้งแต่การเปิด หรือ เรียก URL ขึ้นมาให้ทำงาน Javascript ที่ถูกผูกเข้ากับ Event นี้ก็จะเริ่มทำงานทันที