IntroJS: изменение текста метки кнопки "onChange" для каждого шага с помощью "setOptions"

Question

Я хочу изменить текст кнопки для каждого шага. Я сделал с методом ниже, но текст не меняется. Должен ли я вызвать 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;
                }
    }

Вот официальная ссылка Демо. Вот если мы можем setOption('showBullets', false)) Или же setOption('showBullets', true)) для разных шагов?