jQuery UI การใช้

เมื่อคุณดาวน์โหลด UI ที่ jQuery, คุณจะได้รับไฟล์ zip ประกอบด้วยแฟ้มต่อไปนี้:

• /css/
• /development-bundle/
• /js/
• index.html

ใช้ jQuery UI บนหน้าเว็บ

เปิดในโปรแกรมแก้ไขข้อความ index.html คุณจะเห็นจำนวนการอ้างอิงไปยังไฟล์ภายนอก: ธีม, jQuery และ jQuery UI โดยปกติแล้วทั้งสามไฟล์ที่คุณต้องอ้างอิงหน้าเพื่อที่จะใช้เครื่องมือ jQuery UI และองค์ประกอบการโต้ตอบ

<link rel="stylesheet" href="css/themename/jquery-ui.custom.css" />
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.custom.min.js"></script>

เมื่อคุณอ้างอิงไฟล์ที่จำเป็นเหล่านี้คุณสามารถเพิ่มบางเครื่องมือ jQuery ในหน้าของคุณ ยกตัวอย่างเช่นการสร้างตัวเลือกวัน (datepicker) เครื่องมือที่คุณจะต้องเพิ่มช่องป้อนข้อความลงในหน้าเว็บแล้วโทร .datepicker() ดังต่อไปนี้:

HTML:

<input type="text" name="date" id="date" />

javascript:

$( "#date" ).datepicker();

หากต้องการดูตัวอย่างแสดงให้เห็นถึง jQuery UI เครื่องมือและส่วนประกอบโต้ตอบเยี่ยมชม เช่น jQuery UI