jQuery UI API สมาชิก - กล่องคำแนะนำเครื่องมือ (เคล็ดลับ Widget)

ก่อนหน้านี้: jQuery UI API สมาชิก - แท็บ (แท็บ Widget)

ถัดไป: jQuery UI เช่น - ลาก (ลาก)

หมวดหมู่

วิดเจ็ต (วิดเจ็ต)

การใช้

คำอธิบาย: ปรับแต่งกล่องคำแนะนำเครื่องมือ themable แทนที่พื้นเมืองกล่องคำแนะนำเครื่องมือ

รุ่นใหม่: 1.9

กล่องเคล็ดลับ (เคล็ดลับ) แทนที่พื้นเมืองกล่องคำแนะนำ, เพื่อให้พวกเขาสามารถ theming ยังช่วยให้การปรับแต่งต่างๆ:

แสดงไม่เพียง แต่ชื่อของเนื้อหาอื่น ๆ เช่นเดียวกับเชิงอรรถหรือแบบอินไลน์จากอาแจ็กซ์ในการดึงเนื้อหาเพิ่มเติม
การกำหนดเป้าหมายเองตัวอย่างเช่นมีศูนย์กลางอยู่ที่องค์ประกอบกล่องคำแนะนำเครื่องมือ
เพิ่มรูปแบบเพิ่มเติมเพื่อปรับแต่งลักษณะของคำเตือนหรือข้อผิดพลาดภูมิภาค

ภาพเคลื่อนไหวลาดเริ่มต้นการแสดงและซ่อนกล่องคำแนะนำ, เมื่อเทียบกับการเปลี่ยนง่ายเช่นการแสดงผลของลักษณะทางจิตวิญญาณมากขึ้น นี้สามารถ show และ hide ตัวเลือกปรับแต่ง

items และ content ตัวเลือกจะต้องก้าวให้ทัน ถ้าคุณเปลี่ยนหนึ่งคุณจะต้องเปลี่ยนอีก

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

ชุดรูปแบบ

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

ui-tooltip : เคล็ดลับเครื่องมือกล่องด้านนอกตู้คอนเทนเนอร์
- ui-tooltip-content : เคล็ดลับเครื่องมือเนื้อหากล่อง

วางใจ

UI หลัก (UI หลัก)
ห้องสมุดองค์ประกอบ (โรงงาน Widget)
ที่ตั้ง (ตำแหน่ง)
ผลกระทบหลัก (หลักผลกระทบ) (ตัวเลือก; เมื่อ show และ hide เมื่อใช้ร่วมกับตัวเลือก)

ข้อมูลเพิ่มเติม

ส่วนที่ต้องมีการทำงาน CSS มิฉะนั้นมันจะไม่ทำงาน ถ้าคุณสร้างธีมที่กำหนดเองใช้วิดเจ็ตที่ระบุ CSS แฟ้มเป็นจุดเริ่มต้น

ตัวอย่าง

ใช้องค์ประกอบทั้งหมดที่มีแอตทริบิวต์ชื่อของโบรกเกอร์เหตุการณ์การสร้างกล่องเคล็ดลับเครื่องมือ (เคล็ดลับ) ในเอกสาร

<! Doctype html>
<html lang = "th">
<head>
  <Meta charset = "UTF-8">
  <title> สมาชิกกล่องคำแนะนำเครื่องมือ (เคล็ดลับ Widget) สาธิต </ title>
  <link rel = "สไตล์ชีต" href = "// code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
  <script src = "// code.jquery.com/jquery-1.10.2.js"> </ script>
  <script src = "// code.jquery.com/ui/1.10.4/jquery-ui.js"> </ script>
</ head>
<body>
 
<p>
  <a href="#" title="锚描述">สมอข้อความ </a>
  <title อินพุต = "ป้อนข้อมูลความช่วยเหลือ">
</ p>
<script>
  $ (เอกสาร) .tooltip ();
</ script>
 
</ body>
</ html>

ก่อนหน้านี้: jQuery UI API สมาชิก - แท็บ (แท็บ Widget)

ถัดไป: jQuery UI เช่น - ลาก (ลาก)

jQuery UI หลักสูตร

jQuery UI กระทู้

jQuery UI ห้องสมุดองค์ประกอบ

jQuery UI คู่มืออ้างอิง