Javascript 带单页应用程序的Introjs

我有一个单页应用程序，我需要添加一个我正在使用的演练。 我的应用程序有多个向导样式的页面，它们可以浏览，因此对于每个页面（在单页应用程序中），演练需要从容器中的第一步开始

这就是它的结构：

<fieldset id="page1">
    <input data-step="1" data-intro="instructions" />
    <input data-step="2" data-intro="instructions" />
    <button>Go to step 2</button>
</fieldset>
<fieldset id="page2">
    <input data-step="1" data-intro="instructions" />
    <input data-step="2" data-intro="instructions" />
    <button>Go to step 3</button>
</fieldset>

转至步骤2
转至步骤3

因此，当用户单击“转到步骤2”时，需要重置介绍并取消上一页（第1页）中的步骤，然后从第2页的步骤1开始

---

编辑：如果我可以通过我的按钮返回运行它，将您带到下一步，我是否可以让它在特定div下查找数据步骤，例如活动步骤的唯一id？

刚刚修改了这一行：

var allIntroSteps=targetElm.queryselectoral（'.active*[data intro]'）
使用“.active”，并为每个步骤添加了一个回调