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-position="left"，让其他人没有位置，或者将它们全部设置为“bottom”。

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

Intro.js改变工具提示位置

1 个答案: