Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 简介:更改按钮标签文本';onChange';对于每个步骤,使用';设置选项';_Javascript_Jquery_Intro.js - Fatal编程技术网

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吗?当然可以。我今天会做。你做得成功吗?