Journey.js

Journey.js

？輕巧，易於使用的JavaScript庫，可在您的網站或Web應用程序上創建交互式，可自定義，可訪問的導遊！

v2.2.0

Journey.js具有什麼功能？

• 零依賴性和極輕的重量！
• 用打字稿編寫，為React，Angular和其他庫提供更大的支持！
• 通過公共功能獲得完整的API。
• 完全在CSS/SASS中設計，並與Bootstrap庫兼容。
• 完整的CSS主題支持（使用：root變量，具有默認的深色模式主題）。
• 自定義觸發器進行操作（當對話框顯示針對元素或隱藏等）。
• 快捷鍵（單擊此處查看完整列表）。
• 瀏覽器URL參數支持（單擊此處查看完整列表）。
• 提示支持（不包括在主要旅程中）。
• 51個語言翻譯可用！
• 可自定義的工具提示。
• 顯示進度點，或進度欄，或兩者兼而有之！
• 將您的步驟分別進行分開的旅程！
• 對話框移動支持！

在哪裡可以找到文檔？

所有文檔都可以在此處找到：

支持哪些瀏覽器？

所有現代瀏覽器（例如Google Chrome，Firefox和Opera）都得到了充分的支持。

支持哪些語言？

• af Afrikaans
• ar
• 亞美尼亞hy
• be白俄羅斯人
• bn孟加拉國
• bg保加利亞語
• 加泰羅尼亞ca
• zh中文（簡化）
• da語
• nl荷蘭人
• en英語（默認）
• eo Esperanto
• et estonian
• fa FARSI
• fi finnish
• 法國fr
• fy Frisian
• gl加利西亞人
• ka GEORGIAN
• de
• el Greek
• he希伯來語
• hi印地語
• hu匈牙利人
• is冰島的
• id印度尼西亞人
• ga愛爾蘭人
• it意大利人
• ja日語
• ko韓語
• LV lv
• lt
• lb盧森堡
• ms女士
• ne​​利尼
• no挪威人
• pl拋光
• pt葡萄牙
• ro
• si Sinhalese
• sk斯洛伐克
• 斯洛文尼亞sl
• es西班牙語
• sv瑞典人
• tl他加祿語
• ta
• zh-tw台灣
• te泰盧固語
• th
• tr土耳其語
• uk烏克蘭人

最近的變化是什麼？

要查看所有最近更改的列表，請單擊此處。

我如何安裝outhere.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

我如何開始？

要開始使用outhere.js，請執行以下步驟：

1。先決條件：

確保在HTML頂部包含“ Doctype 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？

要自定義，並從旅程中獲得更多信息，請閱讀以下文檔。

1。公共功能：

要查看所有可用公共功能的列表，請單擊此處。

2。配置：

配置選項允許您自定義如何運行。您可以將它們設置如下：

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

要查看您可以使用的所有可用配置選項的列表，請單擊此處。

要查看可以使用的所有可用配置選項自定義觸發器的列表，請單擊此處。