intros.js中文文档-翻译不易

Tour API

introJs([targetElm])#

创建一个对象

参数:

• targetElm : String (optional) 参数是一个可选的字符串
• 例子：#intro-farm. ，这里类似于jQuery 选择器，可以为 id ,class 等选择

返回值:

• 返回值是一个对象.

例子:

introJs() *//没有选择器*
introJs("#intro-farm") *//使用id 选择器*

---

introJs.start()#

开始调用已经选择的元素

返回值:

• 返回值是一个对象.

例子:

introJs().start()

---

introJs.goToStep(step)#

按步骤执行引导

参数:

• step: Number// 参数是数值类型的

返回值:

• introJs object. // 返回值是一个对象

例子:

introJs().goToStep(2).start(); //从第2步骤开始

---

introJs.goToStepNumber(step)#

直接在元素上绑定步骤 data-step

参数:

• step : Number

返回值:

• introJs object.

例子:

<div id="second" data-step='5'></div>
<div id="second" data-step='9'></div>

introJs().goToStepNumber(9).start();//从步骤9开始

---

introJs.addStep(options)#

添加新的步骤 （可选项）

例子:

introJs().addStep({
   
   

    element: document.querySelectorAll('#step2')[0],//选择指定元素作为新的步骤

    intro: "Ok, wasn't that fun?", //介绍

    position: 'right' //位置

});

---

introJs.addSteps(steps)#

添加新的步骤 （步骤）

例子:

introJs().addSteps([{
   
   

    element