ฉันจะแสดงคำแนะนำเครื่องมือได้อย่างไร

2024 ผู้เขียน: Lynn Donovan | [email protected]. แก้ไขล่าสุด: 2023-12-15 23:54

HTML: ใช้องค์ประกอบคอนเทนเนอร์ (เช่น) และเพิ่ม " เคล็ดลับเครื่องมือ " คลาสไปที่มัน เมื่อผู้ใช้วางเมาส์เหนือสิ่งนี้ มันจะ แสดง NS เคล็ดลับเครื่องมือ ข้อความ. NS เคล็ดลับเครื่องมือ ข้อความถูกวางไว้ภายในองค์ประกอบแบบอินไลน์ (เช่น) ด้วย.

นอกจากนี้ คุณจะแสดงคำแนะนำเครื่องมืออย่างไร?

NS เคล็ดลับเครื่องมือ จะปรากฏขึ้นเมื่อแตะองค์ประกอบหรือส่วนประกอบหน้าจอค้างไว้ (บนมือถือ) หรือวางเมาส์เหนือองค์ประกอบนั้น (เดสก์ท็อป) อย่างต่อเนื่อง แสดง NS เคล็ดลับเครื่องมือ ตราบใดที่ผู้ใช้กดค้างหรือวางเมาส์เหนือองค์ประกอบ

นอกจากนี้ Tooltips ทำงานบนมือถือได้หรือไม่ เมื่อผู้ใช้เรียกใช้แอปหรือไซต์ของคุณบน a มือถือ อุปกรณ์. เพราะ เคล็ดลับเครื่องมือ ไม่สามารถแปลได้ดีบนอุปกรณ์แบบสัมผัส ใช่ ออกแบบได้ เคล็ดลับเครื่องมือ เพื่อเปิดใช้งานเมื่อสัมผัส แต่ไม่ใช่การโต้ตอบที่คาดเดาได้มากที่สุดสำหรับผู้ใช้ของคุณ

ฉันจะรับคำแนะนำเครื่องมือบนปุ่มที่ปิดใช้งานได้อย่างไร

โดยค่าเริ่มต้น, เคล็ดลับเครื่องมือ จะไม่ปรากฏบน พิการ องค์ประกอบ อย่างไรก็ตาม คุณสามารถ เปิดใช้งาน ลักษณะการทำงานนี้โดยใช้ขั้นตอนต่อไปนี้: เพิ่ม a องค์ประกอบพิการ ชอบ องค์ประกอบปุ่ม เป็น div ซึ่ง แสดง style ถูกกำหนดเป็น inline-block ตั้งค่าเหตุการณ์ตัวชี้เป็นไม่มีสำหรับ องค์ประกอบพิการ ( ปุ่ม ) ผ่าน CSS

ฉันจะใช้คำแนะนำเครื่องมือ Bootstrap ได้อย่างไร

เคล็ดลับเครื่องมือ สามารถทริกเกอร์ได้ผ่าน JavaScript - เพียงแค่เรียก เคล็ดลับเครื่องมือ () Bootstrap เมธอดด้วย id คลาสหรือตัวเลือก CSS ขององค์ประกอบเป้าหมายในโค้ด JavaScript ของคุณ คุณสามารถเริ่มต้น คำแนะนำเครื่องมือ เป็นรายบุคคลหรือทั้งหมดในครั้งเดียว