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 >

要查看您可以使用的所有可用配置选项的列表，请单击此处。

要查看可以使用的所有可用配置选项自定义触发器的列表，请单击此处。