Journey.js

Journey.js

- คลัง JavaScript ที่มีน้ำหนักเบาและใช้งานง่ายเพื่อสร้างทัวร์ไกด์นำเที่ยวแบบโต้ตอบที่ปรับแต่งได้และสามารถเข้าถึงได้ทั่วทั้งเว็บไซต์หรือเว็บแอพของคุณ!

v2.2.0

Journes.js มีคุณสมบัติอะไรบ้าง?

• ไม่มีการพึ่งพาอาศัยกันและมีน้ำหนักเบามาก!
• เขียนด้วย TypeScript ช่วยให้การสนับสนุนมากขึ้นสำหรับ React, Angular และ Libraries อื่น ๆ !
• API เต็มรูปแบบผ่านฟังก์ชั่นสาธารณะ
• มีสไตล์อย่างเต็มที่ใน CSS/SASS และเข้ากันได้กับห้องสมุด Bootstrap
• การสนับสนุนธีม CSS เต็มรูปแบบ (ใช้: ตัวแปรรูทพร้อมชุดรูปแบบโหมดมืดเริ่มต้น)
• ทริกเกอร์ที่กำหนดเองสำหรับการกระทำ (เมื่อกล่องโต้ตอบแสดงสำหรับองค์ประกอบหรือซ่อน ฯลฯ )
• คีย์ลัด (คลิกที่นี่เพื่อดูรายการทั้งหมด)
• การสนับสนุนพารามิเตอร์ URL ของเบราว์เซอร์ (คลิกที่นี่เพื่อดูรายการทั้งหมด)
• การสนับสนุนคำแนะนำ (ไม่รวมอยู่ในการเดินทางหลัก)
• มีการแปลภาษา 51 ภาษา!
• คำแนะนำเครื่องมือที่ปรับแต่งได้
• แสดงจุดคืบหน้าหรือแถบความคืบหน้าหรือทั้งสองอย่าง!
• จัดกลุ่มขั้นตอนของคุณในการเดินทางแยกต่างหาก!
• การสนับสนุนการเคลื่อนไหวการเคลื่อนไหว!

ฉันจะหาเอกสารได้ที่ไหน

เอกสารทั้งหมดสามารถพบได้ที่นี่:

รองรับเบราว์เซอร์อะไร

ได้รับการสนับสนุนเบราว์เซอร์ที่ทันสมัยทั้งหมด (เช่น Google Chrome, Firefox และ Opera) อย่างเต็มที่

สนับสนุนภาษาใด

• af Afrikaans
• ar อาหรับ
• hy Armenian
• be ลารุส
• bn เบงกาลี
• bg Bulgarian
• ca Catalan
• zh Chinese (ง่าย)
• da เดนมาร์ก
• nl ดัตช์
• en English (ค่าเริ่มต้น)
• eo Esperanto
• et ESTONIAN
• fa Farsi
• fi
• fr French
• fy
• gl Galician
• ka Georgian
• de อเยอรมัน
• el กรีก
• he ฮีบรู
• hi ภาษาฮินดี
• hu ฮังการี
• is ไอซ์แลนด์
• id อินโดนีเซีย
• ga Irish
• it เป็นภาษาอิตาลี
• ja ญี่ปุ่น
• ko เกาหลี
• lv
• lt LITHUANIAN
• lb ลักเซมเบิร์ก
• ms Malay
• ne NEPALI
• no นอร์เวย์
• pl Polish
• pt Portuguese
• ro
• si Sinhalese
• sk Slovak
• sl Slovenian
• es สเปน
• sv Swedish
• tl Tagalog
• ta ทมิฬ
• zh-tw Taiwanese
• te Telugu
• th
• tr ตุรกี
• uk ยูเครน

การเปลี่ยนแปลงล่าสุดคืออะไร?

หากต้องการดูรายการการเปลี่ยนแปลงล่าสุดทั้งหมดคลิกที่นี่

ฉันจะติดตั้ง Journey.js ได้อย่างไร?

คุณสามารถติดตั้งไลบรารีด้วย NPM ลงในไดเรกทอรีโมดูลท้องถิ่นของคุณโดยใช้คำสั่งต่อไปนี้:

npm install jjourney.js

หรือคุณสามารถดาวน์โหลดเวอร์ชันซิปล่าสุดได้ที่นี่

หรือคุณสามารถใช้ลิงก์ CDN ต่อไปนี้:

 https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.min.js
https://cdn.jsdelivr.net/gh/williamtroup/[email protected]/dist/journey.js.min.css

ฉันจะเริ่มต้นได้อย่างไร?

ในการเริ่มต้นใช้ Journey.js ทำตามขั้นตอนต่อไปนี้:

1. ข้อกำหนดเบื้องต้น:

ตรวจสอบให้แน่ใจว่าคุณรวมแท็ก "Doctype HTML" ไว้ที่ด้านบนของ HTML ของคุณดังนี้:

 <! DOCTYPE html >

2. รวมไฟล์:

< link rel = " stylesheet " href = " dist/Journey.js.css " >
< script src = " dist/Journey.js " ></ script >

3. การผูกองค์ประกอบ DOM:

< button data-journey-js = " { 'title': 'Get Version', 'description': 'Logs the current version of Journey.js to the developers console.', 'order': 6 } " onclick = " console . log ( $journey . getVersion () ); " >Get Version</ button >

หากต้องการดูรายการตัวเลือกการเชื่อมโยงที่มีอยู่ทั้งหมดที่คุณสามารถใช้สำหรับ "Data-Journey-Js" คลิกที่นี่

หากต้องการดูรายการทริกเกอร์ที่กำหนดเองทั้งหมดที่คุณสามารถใช้สำหรับ "Data-Journey-Js" คลิกที่นี่

4. เสร็จสิ้น:

ในการเริ่มต้นการเดินทางโทรฟังก์ชั่นสาธารณะต่อไปนี้:

< script > 
  $journey . start ();
</ script >

แค่ไหน! ดีและเรียบง่าย โปรดดูรหัสหากคุณต้องการความช่วยเหลือเพิ่มเติม (บันทึกเต็ม)

ฉันจะปรับแต่ง Journey.js ได้อย่างไร?

ในการปรับแต่งและรับออกจากการเดินทางมากขึ้น js โปรดอ่านเอกสารต่อไปนี้

1. ฟังก์ชั่นสาธารณะ:

หากต้องการดูรายการฟังก์ชั่นสาธารณะทั้งหมดที่มีให้คลิกที่นี่

2. การกำหนดค่า:

ตัวเลือกการกำหนดค่าช่วยให้คุณสามารถปรับแต่งวิธีการ Journey.js จะทำงานได้อย่างไร คุณสามารถตั้งค่าได้ดังนี้:

< script > 
  $journey . setConfiguration ( {
      safeMode : false
  } );
</ script >

หากต้องการดูรายการตัวเลือกการกำหนดค่าที่มีอยู่ทั้งหมดที่คุณสามารถใช้ได้คลิกที่นี่

หากต้องการดูรายการตัวเลือกการกำหนดค่าที่มีอยู่ทั้งหมดที่คุณสามารถใช้งานได้คลิกที่นี่