Journey.js

Reise.js

? Eine leichte, benutzerfreundliche JavaScript-Bibliothek zum Erstellen interaktiver, anpassbarer und zugänglicher Führungspositionen auf Ihren Websites oder Web-Apps!

v2.2.0

Welche Funktionen hat Journey.js?

• Zero-Abhängigkeit und extrem leicht!
• Geschrieben in TypeScript und ermöglicht eine stärkere Unterstützung für React, Angular und andere Bibliotheken!
• Vollständige API über öffentliche Funktionen verfügbar.
• Vollständig in CSS/SASS und kompatibel mit der Bootstrap -Bibliothek.
• Vollständige CSS-Themenunterstützung (Verwenden: Root-Variablen, mit einem Standard-Dark-Mode-Thema).
• Benutzerdefinierte Auslöser für Aktionen (wenn das Dialog für ein Element oder versteckt usw. angezeigt wird).
• Verknüpfungsschlüssel (klicken Sie hier, um die vollständige Liste anzuzeigen).
• Unterstützung bei den Browser -URL -Parametern (klicken Sie hier, um die vollständige Liste anzuzeigen).
• Hinweise zur Unterstützung (nicht in der Hauptreise enthalten).
• 51 Sprachübersetzungen verfügbar!
• Anpassbare Tooltips.
• Zeigen Sie Fortschrittspunkte oder eine Fortschrittsleiste oder beides!
• Gruppen Sie Ihre Schritte in getrennte Reisen!
• Dialog bewegende Unterstützung!

Wo finde ich die Dokumentation?

Alle Dokumentationen finden Sie hier:

Welche Browser werden unterstützt?

Alle modernen Browser (wie Google Chrome, Firefox und Opera) werden vollständig unterstützt.

Welche Sprachen werden unterstützt?

• af afrikaans
• ar arabisch
• hy Armenian
• be belarussisch
• bn Bengali
• bg Bulgarisch
• ca Catalan
• zh Chinesisch (vereinfacht)
• da dänisch
• nl Holländer
• en Englisch (Standard)
• eo esperanto
• et estnisch
• fa farsi
• fi finnisch
• fr Französisch
• fy
• gl
• ka Georgian
• de Deutsch
• el Griechisch
• he hebräisch
• hi Hindi
• hu ungarisch
• is isländisch
• id Indonesian
• ga irisch
• it italienisch
• ja Japanisch
• ko Koreanisch
• lv
• lt Litauen
• lb luxemburgisch
• ms Malay
• ne Nepali
• no Norweger
• pl
• pt Portugiesisch
• ro
• si singhalesen
• sk -Slowaka
• sl
• es spanisch
• sv schwedisch
• tl Tagalog
• ta Tamil
• zh-tw Taiwanese
• te telugu
• th Thai
• tr türkisch
• uk ukrainisch

Was sind die neuesten Veränderungen?

Klicken Sie hier, um eine Liste der neuesten Änderungen zu sehen.

Wie installiere ich Journey.js?

Sie können die Bibliothek mit NPM mit dem folgenden Befehl in Ihrem lokalen Modulverzeichnis installieren:

npm install jjourney.js

Oder Sie können die neueste Version hier herunterladen.

Oder Sie können auch die folgenden CDN -Links verwenden:

 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

Wie fange ich an?

Um mit journey.js zu beginnen, machen Sie die folgenden Schritte aus:

1. Voraussetzungen:

Stellen Sie sicher, dass Sie das Tag "docType html" oben in Ihrem HTML aufnehmen, wie folgt:

 <! DOCTYPE html >

2. Fügen Sie Dateien ein:

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

3. Bindung von Dom -Elementen:

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

Klicken Sie hier, um eine Liste aller verfügbaren Bindungsoptionen zu sehen, die Sie für "Data-Journey-JS" verwenden können.

Klicken Sie hier, um eine Liste aller verfügbaren benutzerdefinierten Auslöser zu sehen, die Sie für "Data-Journey-JS" verwenden können.

4. Abschluss:

Um die Reise zu beginnen, rufen Sie die folgende öffentliche Funktion an:

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

Das war's! Schön und einfach. Bitte beachten Sie den Code, wenn Sie mehr Hilfe benötigen (vollständig dokumentiert).

Wie gehe ich voran eine Journey.js?

Um sich anzupassen und mehr aus journey.js herauszuholen, lesen Sie bitte die folgende Dokumentation durch.

1. öffentliche Funktionen:

Klicken Sie hier, um eine Liste aller verfügbaren öffentlichen Funktionen zu sehen.

2. Konfiguration:

Mit Konfigurationsoptionen können Sie anpassen, wie tour.js funktioniert. Sie können sie wie folgt festlegen:

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

Klicken Sie hier, um eine Liste aller verfügbaren Konfigurationsoptionen anzuzeigen, die Sie verwenden können.

Klicken Sie hier, um eine Liste aller verfügbaren benutzerdefinierten Auslöser der verfügbaren Konfigurationsoption anzuzeigen.