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: document.querySelectorAll