Question

我有一个单页面应用程序需要在我使用http://usablica.github.io/intro.js/时添加演练。我的应用程序有多个向导样式页面，因此对于每个页面（在单页面应用程序中），演练需要从该容器中的第一步开始。

这就是它的结构：

<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步”时，它需要重置前一页的步骤（第1页），并从第2页的第1步开始。

编辑：如果我可以在我的按钮回调下运行它，将您带到下一步，我可以让它在特定div下查找数据步骤，例如活动步骤的唯一ID吗？ / p>

Answer 1

刚修改此行：var allIntroSteps = targetElm.querySelectorAll('.active *[data-intro]'); 使用“.active”并在每个步骤中添加回调。

Introjs与单页面应用程序

1 个答案: