Javascript 简介:更改按钮标签文本';onChange';对于每个步骤,使用';设置选项';
我想更改每个步骤的按钮文本。我使用了下面的方法,但文本没有更改。我应该在Javascript 简介:更改按钮标签文本';onChange';对于每个步骤,使用';设置选项';,javascript,jquery,intro.js,Javascript,Jquery,Intro.js,我想更改每个步骤的按钮文本。我使用了下面的方法,但文本没有更改。我应该在setOptions之后调用refresh()方法吗?或者我用错误的方法做了什么 var intro = introJs(); intro.setOptions({ steps: [ { intro:$('#intro_start').get(0).outerHTML, }, {
setOptions
之后调用refresh()
方法吗?或者我用错误的方法做了什么
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();
介绍开始后,我想用onChange
事件更改每个步骤的nextLabel
和prevLabel
文本:
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;
}
}
这里是官方的。这里我们是否可以
setOption('showBullets',false))
或setOption('showBullets',true))
进行不同的步骤 你能分享一个JSFIDLE吗?当然可以。我今天会做。你做得成功吗?