Journey.js

Journey.js

? Perpustakaan JavaScript yang ringan dan mudah digunakan untuk membuat tur berpemandu yang interaktif, dapat disesuaikan, dan dapat diakses di seluruh situs web atau aplikasi web Anda!

v2.2.0

Fitur apa yang dimiliki Journey.js?

• Nol ketergantungan dan sangat ringan!
• Ditulis dalam naskah, memungkinkan dukungan yang lebih besar untuk reaksi, sudut, dan perpustakaan lainnya!
• API lengkap tersedia melalui fungsi publik.
• Penata penuh dalam CSS/SASS dan kompatibel dengan pustaka Bootstrap.
• Dukungan tema CSS lengkap (menggunakan: variabel root, dengan tema mode gelap default).
• Pemicu khusus untuk tindakan (ketika dialog ditampilkan untuk suatu elemen, atau tersembunyi, dll).
• Kunci pintas (klik di sini untuk melihat daftar lengkap).
• Dukungan parameter URL browser (klik di sini untuk melihat daftar lengkap).
• Dukungan Petunjuk (tidak termasuk dalam perjalanan utama).
• 51 terjemahan bahasa tersedia!
• Tooltips yang dapat disesuaikan.
• Tunjukkan titik -titik kemajuan, atau bilah kemajuan, atau keduanya!
• Kelompokkan langkah Anda ke dalam perjalanan terpisah!
• Dukungan Pindah Dialog!

Di mana saya dapat menemukan dokumentasinya?

Semua dokumentasi dapat ditemukan di sini:

Browser apa yang didukung?

Semua browser modern (seperti Google Chrome, Firefox, dan Opera) didukung sepenuhnya.

Bahasa apa yang didukung?

• af Afrikaans
• ar Arab
• hy Armenia
• be Belarusia
• bn Bengali
• bg Bulgarian
• ca Catalan
• zh cina (disederhanakan)
• da Denmark
• nl Belanda
• en English (default)
• eo Esperanto
• et ESTONIAN
• fa FARSI
• fi Finlandia
• fr Prancis
• fy Frisian
• gl Galician
• ka Georgia
• de Jerman
• el Yunani
• he Ibrani
• hi Hindi
• hu Hongaria
• is Islandia
• id Indonesia
• ga Irish
• it bahasa Italia
• ja Jepang
• ko Korea
• lv
• lt Lithuania
• lb Luksemburg
• ms Melayu
• ne nepal
• no orang Norwegia
• pl Pol
• pt Portugis
• ro ROMANIAN
• si Sinhala
• sk Slovakia
• sl Slovenian
• es Spanyol
• sv Swedia
• tl tagalog
• ta tamil
• zh-tw Taiwan
• te Telugu
• th
• tr Turki
• uk Ukraina

Apa saja perubahan terbaru?

Untuk melihat daftar semua perubahan terbaru, klik di sini.

Bagaimana cara menginstal Journey.js?

Anda dapat menginstal pustaka dengan NPM ke direktori modul lokal Anda menggunakan perintah berikut:

npm install jjourney.js

Atau, Anda dapat mengunduh versi zip terbaru di sini.

Atau, Anda juga dapat menggunakan tautan CDN berikut:

 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

Bagaimana cara memulai?

Untuk mulai menggunakan Journey.js, lakukan langkah -langkah berikut:

1. Prasyarat:

Pastikan Anda menyertakan tag "Doctype HTML" di bagian atas HTML Anda, sebagai berikut:

 <! DOCTYPE html >

2. Sertakan file:

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

3. Dom Element Binding:

< 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 >

Untuk melihat daftar semua opsi mengikat yang tersedia yang dapat Anda gunakan untuk "Data-Journey-Js", klik di sini.

Untuk melihat daftar semua pemicu khusus yang tersedia yang dapat Anda gunakan untuk "data-journey-js", klik di sini.

4. Menyelesaikan:

Untuk memulai perjalanan, hubungi fungsi publik berikut:

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

Itu saja! Bagus dan sederhana. Silakan merujuk ke kode jika Anda membutuhkan lebih banyak bantuan (didokumentasikan sepenuhnya).

Bagaimana cara saya menyesuaikan Journey.js?

Untuk menyesuaikan, dan mendapatkan lebih banyak dari Journey.js, silakan baca dokumentasi berikut.

1. Fungsi Publik:

Untuk melihat daftar semua fungsi publik yang tersedia, klik di sini.

2. Konfigurasi:

Opsi konfigurasi memungkinkan Anda untuk menyesuaikan bagaimana Journey.js akan berfungsi. Anda dapat mengaturnya sebagai berikut:

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

Untuk melihat daftar semua opsi konfigurasi yang tersedia yang dapat Anda gunakan, klik di sini.

Untuk melihat daftar semua opsi konfigurasi yang tersedia pemicu khusus yang dapat Anda gunakan, klik di sini.