我想更改每个步骤的按钮文字。我使用下面的方法,但文字没有改变。我应该在refresh()
之后调用setOptions
方法吗?或者我用错误的方式做什么?。
var intro = introJs();
intro.setOptions({
steps: [
{
intro:$('#intro_start').get(0).outerHTML,
},
{
element:document.getElementById('intro_left_menu'),
intro: $('#intro_left_menu_html').get(0).outerHTML,
position: 'right'
},
{
element:document.getElementById('intro_top_right_menu'),
intro: $('#intro_top_right_menu_html').get(0).outerHTML,
position: 'left'
},
{
element:document.getElementById('intro_top_setting_menu'),
intro: $('#intro_top_setting_menu_html').get(0).outerHTML,
position: 'left',
},
{
intro:$('#intro_start_center_html').get(0).outerHTML
}
],
});
intro.start();
介绍开始后,我想为每个步骤更改nextLabel
和prevLabel
的文字onChange
事件:
intro.onbeforechange(function(targetElement) {
switch (intro._currentStep){
case 1:
intro.setOptions({ 'nextLabel': 'Step1 Next' , 'prevLabel': 'Step1 Back'});
break;
case 2:
intro.setOptions({ 'nextLabel': 'Step2 Next' , 'prevLabel': 'Step2 Back'});
break;
}
}
以下是官方Demo Link。如果我们可以setOption('showBullets', false))
或setOption('showBullets', true))
执行不同步骤,请执行此操作