Intro.js изменить подсказку

Question

Я использую intro.js для тура на своем веб-сайте. Я использую bottom в качестве позиции всплывающей подсказки по умолчанию, но есть ли способ изменить положение всплывающей подсказки после начала тура?

Вот мой код:

tourPluginObject=introJs(); 
    tourPluginObject.onchange(function(targetElement) { 
     if($(targetElement).attr("data-step")==5 && enteredStepFive==false){ 
     enteredStepFive=true;//I entered a step five, so mark this 
     tourPluginObject.setOption('tooltipPosition','left');//Set new tooltip position 
     tourPluginObject.setOption('data-position','left');//Set new tooltip position 
     tourPluginObject.refresh();//Refresh layout 
     } 
    }); 
    tourPluginObject.setOptions({'tooltipPosition': 'bottom' });//Set default tooltip position 
    tourPluginObject.start();//Start tour 

Answer 1

Если вы можете изменить HTML, вы можете добавить данные-атрибут data-position="left" на элементе 5, и оставить остальные без позиции или установить их все «bottom».

Таким образом, шаг 5 будет иметь желаемое положение без необходимости его изменения во время выполнения.