วิธีการดาวน์โหลดไลบรารี JQuery UI สำหรับการสร้าง HTML5 และ CSS3 - การสร้าง jQuery

การเขียนโค้ด jQuery UI ไม่ใช่เรื่องยาก แต่การได้รับส่วนขวาของไลบรารีอาจทำให้สับสนสำหรับโปรแกรมเมอร์ HTML5 และ CSS3 ไลบรารี jQuery UI มีขนาดใหญ่กว่าแพ็กเกจ jQuery มาตรฐานดังนั้นคุณอาจไม่ต้องการใส่ข้อมูลทั้งหมดหากไม่จำเป็นต้องใช้

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

แย่กว่านั้นปัญหาการพึ่งพาบางส่วนเกิดขึ้นดังนั้นคุณจำเป็นต้องตรวจสอบให้แน่ใจว่าคุณได้ติดตั้งแพคเกจบางอย่างก่อนที่คุณจะใช้แพคเกจอื่น ๆ นี้ทำให้ห้องสมุดง่ายค่อนข้างซับซ้อนที่จะใช้จริง

โชคดีที่เวอร์ชันล่าสุดของ jQuery UI ทำให้กระบวนการนี้ค่อนข้างง่ายขึ้น:

1. เลือก (หรือสร้าง) ธีมของคุณ

   ใช้ไซต์ themeRoller เพื่อเลือกสถานที่เริ่มต้นจากไลบรารีเทมเพลต จากนั้นคุณสามารถกำหนดธีมของคุณได้อย่างถูกต้องเพื่อให้สิ่งที่คุณต้องการ (เปลี่ยนสีแบบอักษรและองค์ประกอบอื่น ๆ)

2. ดาวน์โหลดชุดรูปแบบ

   ThemeRoller มีปุ่มดาวน์โหลด คลิกที่นี่เมื่อคุณพร้อมที่จะดาวน์โหลดธีมของคุณแล้ว

3. เลือกองค์ประกอบที่คุณต้องการ

   เมื่อคุณเริ่มต้นโครงการครั้งแรกคุณอาจจะเลือกองค์ประกอบทั้งหมด หากคุณพบว่าหน้าเว็บโหลดช้าเกินไปคุณอาจสร้างเวอร์ชันเล็ก ๆ ที่มีเฉพาะองค์ประกอบที่คุณต้องการเท่านั้น สำหรับตอนนี้เลือกทุกอย่าง

4. ดาวน์โหลดไฟล์

   หลังจากเลือกองค์ประกอบที่ต้องการแล้วคุณสามารถดาวน์โหลดได้ในไฟล์ซิป

5. ติดตั้งเนื้อหาของไฟล์ซิปลงในไดเร็กทอรีของคุณ

   ไฟล์ซิปมีไฟล์และไดเรกทอรีจำนวนหนึ่ง คัดลอกไดเรกทอรี css และ js ลงในไดเร็กทอรีที่หน้าเว็บของคุณ (มักเป็นไดเรกทอรี public_html หรือ htdocs) คุณไม่จำเป็นต้องคัดลอกไดเรกทอรีบันเดิลการพัฒนาหรือดัชนี หน้า html

6. หากคุณติดตั้งธีมหลายชุดให้คัดลอกเฉพาะข้อมูลชุดรูปแบบจากธีมเพิ่มเติม

   ธีมทั้งหมดใช้ JavaScript เดียวกัน เฉพาะ CSS (และไฟล์รูปภาพที่เกี่ยวข้อง) เท่านั้นที่เปลี่ยนแปลง ถ้าคุณต้องการมีหลายธีมในโครงการของคุณเพียงคัดลอกเนื้อหา CSS แต่ละธีมจะเป็นไดเร็กทอรีย่อยที่แตกต่างกันของไดเร็กทอรี CSS หลัก

7. เชื่อมโยงไปยังไฟล์ CSS

   ใช้เทคนิคการเชื่อมโยงมาตรฐานเพื่อเชื่อมโยงไปยังไฟล์ CSS ที่สร้างโดย jQuery UI นอกจากนี้คุณยังสามารถเชื่อมโยงไปยังไฟล์ CSS ของคุณเองหรือใช้ CSS ภายในได้นอกเหนือจาก CSS ที่กำหนดเอง ตรวจสอบให้แน่ใจว่าคุณได้เส้นทางที่ถูกต้อง

8. เชื่อมโยงไปยังไฟล์ JavaScript

   ชุดเครื่องมือ jQuery UI จะติดตั้งไฟล์ JavaScript สองไฟล์ ได้แก่ ไลบรารี jQuery มาตรฐานและไลบรารี jQuery UI โดยค่าเริ่มต้นทั้งสองไฟล์เหล่านี้จะถูกติดตั้งในไดเร็กทอรี js คุณจะต้องเชื่อมโยงไปยังไฟล์ทั้งสอง บางครั้งคุณจะเห็นไฟล์ที่ย่อเล็กสุดตามเวอร์ชันทั่วไป รุ่นที่ย่อจะมีระยะฝังอยู่ ทั้งสองเวอร์ชันดี แต่เวอร์ชันที่ย่อจะโหลดได้เร็วขึ้น

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