ในขณะที่เขียนโปรแกรมด้วย JavaScript นั้น jQuery ช่วยได้มากในการเข้าถึงองค์ประกอบต่าง ๆ ในทันที ตัวอย่างเช่น ตัวเลือก jQuery “ $ ” นำเสนอการใช้งานที่หลากหลายในการเข้าถึงองค์ประกอบโดย “ รหัส ”, “ ระดับ ” ฯลฯ ตัวเลือกนี้ใช้งานได้ตราบเท่าที่ไลบรารี jQuery ที่เกี่ยวข้องรวมอยู่ในรหัส มิฉะนั้น จะแสดงข้อผิดพลาดที่ไม่ได้กำหนด
บล็อกนี้จะกล่าวถึงเรื่อง “ ข้อผิดพลาดรันไทม์: '$' ไม่ได้กำหนด ” ในจาวาสคริปต์
'ข้อผิดพลาดรันไทม์: '$' ไม่ได้กำหนด' ใน JavaScript คืออะไร
“ $ ” คือตัวเลือก jQuery ที่ใช้ในการเข้าถึงองค์ประกอบ ข้อผิดพลาดที่ระบุอาจเกิดขึ้นได้หากไม่ได้รวมไลบรารี jQuery หรือหากรวมไลบรารีหลังจากฟังก์ชันที่ใช้
ตัวอย่างที่ 1: การเกิด 'ข้อผิดพลาดรันไทม์: '$' is undefined' ใน JavaScript โดยไม่ระบุไลบรารี jQuery
ในตัวอย่างนี้ จะกล่าวถึงการเกิดขึ้นของข้อผิดพลาดที่ระบุโดยการนำฟังก์ชันที่เกี่ยวข้องไปใช้โดยไม่ระบุไลบรารี jQuery:
< แผนก >
< ปุ่ม เมื่อคลิก = 'ฟังก์ชั่นของฉัน ()' > คลิกฉัน ปุ่ม >
< หน้า รหัส = 'การสาธิต' > หน้า >
แผนก >
< สคริปต์ >
การทำงาน ฟังก์ชันของฉัน ( ) {
$ ( '#การสาธิต' ) .innerHTML = 'นี่คือเว็บไซต์ Linuxhint' ;
}
สคริปต์ >
ในข้อมูลโค้ดด้านบน:
- สร้างปุ่มที่แนบมาด้วย “ เมื่อคลิก ” เหตุการณ์ที่เปลี่ยนเส้นทางไปยังฟังก์ชัน myFunction()
- ในขั้นตอนถัดไป ให้เพิ่ม “ ” องค์ประกอบที่มีแอตทริบิวต์ “ รหัส '.
- ในโค้ด JS ให้กำหนดฟังก์ชันชื่อ “ ฟังก์ชันของฉัน() '.
- ในคำจำกัดความ ให้เข้าถึง ' ” องค์ประกอบโดย “ รหัส ” ผ่านตัวเลือก jQuery “ $ '.
- สุดท้าย ใช้ “ HTML ภายใน คุณสมบัติ ” เพื่อผนวกค่าข้อความที่ระบุเข้ากับองค์ประกอบที่ดึงข้อมูล
- โปรดทราบว่าการใช้ตัวเลือก “ $ ” โดยไม่รวมไลบรารี jQuery จะแสดง “ ข้อผิดพลาดที่ไม่ได้กำหนด '.
เอาต์พุต
ตามที่สังเกต ตัวเลือก “ $ ” ไม่รู้จักเนื่องจากไลบรารีที่เกี่ยวข้องไม่รวมอยู่ในรหัส
ตัวอย่างที่ 2: การเกิดขึ้นของ 'ข้อผิดพลาดรันไทม์: '$' ไม่ได้กำหนด' ใน JavaScript โดย
การระบุไลบรารี jQuery หลังจากใช้งานฟังก์ชันแล้ว
ในตัวอย่างนี้โดยเฉพาะ การเกิดขึ้นของข้อผิดพลาดที่ระบุจะถูกกล่าวถึงโดยการระบุไลบรารี jQuery หลังจากใช้งานฟังก์ชัน:
< h3 รหัส = 'มายพารา' > นี่คือเว็บไซต์ linuxhint h3 >< หน้า รหัส = 'การสาธิต' > หน้า >
< สคริปต์ >
ปล่อย เอ = $ ( 'มายพารา' ) .innerHTML;
$ ( 'การสาธิต' ) .innerHTML = a;
สคริปต์ >
< สคริปต์ src = 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js' > สคริปต์ >
ในบรรทัดโค้ดด้านบน:
- ในทำนองเดียวกัน ให้ใส่หัวเรื่องและย่อหน้าที่มีข้อความว่า “ รหัสของ ” ตามลำดับ
- ในส่วน JavaScript ของโค้ด เช่นเดียวกัน ให้เข้าถึงย่อหน้ารวมโดย ' รหัส ” ผ่านทาง “ $ ” ตัวเลือก
- นอกจากนี้ยังดึงเนื้อหาข้อความ (หัวเรื่อง) โดยใช้ ' HTML ภายใน ' คุณสมบัติ.
- หลังจากนั้น ให้ทำซ้ำขั้นตอนเดียวกันกับย่อหน้าที่รวมไว้ และจัดสรรเนื้อหาข้อความที่ดึงมาของส่วนหัว
- สุดท้าย ระบุ “ ไลบรารี jQuery ” เพื่อใช้ฟังก์ชันการทำงาน
- โปรดทราบว่าเนื่องจากไลบรารีถูกรวมไว้หลังจากฟังก์ชันที่ใช้ด้วยความช่วยเหลือของ ' $ ” ตัวเลือก ข้อผิดพลาดที่ไม่ได้กำหนดจะถูกบันทึกไว้ในคอนโซลด้วย
เอาต์พุต
วิธีแก้ไข เพียงเพิ่มสคริปต์ jQuery ลงในแอปพลิเคชัน
บทสรุป
“ ข้อผิดพลาดรันไทม์: '$' ไม่ได้กำหนด ” ใน JavaScript สามารถเกิดขึ้นได้โดยไม่ต้องระบุไลบรารี jQuery หรือระบุหลังฟังก์ชันที่ใช้ ในแนวทางเดิม ตัวเลือกที่ไม่ได้กำหนด “ $ ” เห็นได้ชัดเนื่องจากไม่รวมห้องสมุด ในแนวทางหลัง ข้อผิดพลาดที่เกี่ยวข้องเกิดขึ้นเนื่องจากรหัสที่ไม่เรียงลำดับ บล็อกนี้อธิบายการเกิดขึ้นของ “ ข้อผิดพลาดรันไทม์: '$' ไม่ได้กำหนด ” ในจาวาสคริปต์