introJs写法

一  常规写法：

 1  var intro = introJs();
 2      intro.setOptions({
 3         steps:[
 4             {
 5                  element:"#step_oneHidHasRec",
 6                      intro:"点击此处可查看详细的样品信息",                         
 7             },
 8             {
 9                  element:"#stepSecond",
10                  intro:"信息填写完后进行保存",
11             },
12                          
13           ]
14      })
15   intro.start();

二  对introJs进行分步指引进行相关更改时的写法

 1 introJs().setOptions({
 2     showBullets:true,//是否显示分步圆点
 3     disableInteraction:true,// 是否禁止交互
 4     prevLabel:"上一步",
 5     nextLabel:"下一步",
 6     skipLabel:"关闭",
 7     doneLabel:"完成",
 8 }).addSteps[
 9     {
10         element:"#step_oneHidHasRec",
11              intro:"点击此处可查看详细的样品信息",                         
12     },
13     {
14         element:"#stepSecond",
15         intro:"信息填写完后进行保存",
16     },
17 ].start();

 （以上写法，多次重复时会出现问题，可以用以下方式代替）

 

 1 introJs().setOptions({
 2     showBullets:true,//是否显示分步圆点
 3     disableInteraction:true,// 是否禁止交互
 4     prevLabel:"上一步",
 5     nextLabel:"下一步",
 6     skipLabel:"关闭",
 7     doneLabel:"完成",
 8     steps:[
 9         {
10             element:"#step_oneHidHasRec",
11                  intro:"点击此处可查看详细的样品信息",                         
12         },
13         {
14             element:"#stepSecond",
15             intro:"信息填写完后进行保存",
16         }
17       ]
18 }).start()

 

posted @ 2019-12-03 10:28  微光半夏星  阅读(678)  评论(0)  编辑  收藏  举报