一 常规写法:
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()