มูลนิธิชั่วครู่
Joyride เป็นผลของตัวช่วยสร้างฟังก์ชัน JavaScript สร้างตัวอย่างดังต่อไปนี้:
ตัวอย่าง
<H3 ID = "ครั้งแรก"> แรกหยุด! </ h3>
<H3 id = "สอง"> หยุดสอง! </ h3>
<- เดอะ Joyride :! ต้อง วางไว้ที่ด้านล่างของหน้าเว็บของคุณ แต่ภายใน <body> ->
<ol class = "Joyride รายการ " data-Joyride>
<li ข้อมูล id = "ครั้งแรก ">
<p> ก่อนหยุด. นั่ง ได้เริ่มขึ้น! </ p>
</ li>
<li ข้อมูล id = "สอง ">
<H4> สองหยุด </ h4 >
<p> HTML ใด ๆ ที่ถูกต้องจะทำงาน ภายในชั่วครู่. </ p>
</ li>
<li ข้อมูลปุ่ม = "End ">
<H4> สุดท้ายหยุด </ h4 >
<p> ทัวร์มากกว่า. คุณสามารถกลับไปก่อนหน้านี้หยุดหรือปิดมัน. </ p>
</ li>
</ ol>
<! - เริ่มต้นชั่วครู่เมื่อเริ่มต้น - >
<script>
$ (เอกสาร) .ready (ฟังก์ชั่น () {
$ (เอกสาร) .foundation (Joyride ',' เริ่มต้น ');
})
</ script>
ตัวอย่างของการวิเคราะห์
ตัวอย่างข้างต้นเราจะสร้างสององค์ประกอบแต่ละคนมีรหัสแยกต่างหาก สององค์ประกอบชุดเริ่มต้นและสิ้นสุดตำแหน่ง Joyride
เรา <ol>
หรือ <ul>
เพื่อเพิ่มองค์ประกอบ data-joyride
ทรัพย์สินและ .joyride-list
ระดับที่จะสร้างชั่วครู่ คุณจะต้องกำหนดไว้ในหัวของเอกสาร (ใน <body>
ในหัว) ใช้ในแต่ละรายการ <li>
องค์ประกอบแต่ละเพิ่ม data-id=" value "
แอตทริบิวต์ ค่าแอตทริบิวต์จะต้องเหมือนกันก่อนที่จะองค์ประกอบประชาชนได้ ดังนั้นฟังก์ชั่นนำทางแรก <h3>
องค์ประกอบโดยใช้ id = "ครั้งแรก" จะต้องเป็นข้อมูล-ID <li> องค์ประกอบ = "ครั้งแรก" ข้อตกลงมูลค่า
ถ้าคุณไม่ได้จัดการที่จะหยุด ID ก็จะแสดงกล่องกิริยา
สุดท้าย Joyride ต้องการ JavaScript เพื่อให้เริ่มต้นมันรหัสคือ $(document).foundation('joyride', 'start');