简介:更改按钮标签文字' onChange'对于每个步骤,使用' setOptions'

时间:2017-04-20 12:24:24

标签: javascript jquery intro.js

我想更改每个步骤的按钮文字。我使用下面的方法,但文字没有改变。我应该在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();

介绍开始后,我想为每个步骤更改nextLabelprevLabel的文字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))执行不同步骤,请执行此操作

0 个答案:

没有答案