javascript - 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，可以在第5个元素上加上data-attribute data-position="left"，其他不加position或者全部设为"底部”。

这样 step5 将具有所需的位置，而无需在运行时修改它。