0

我有一个单页应用程序，我需要在我使用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？

4

1 回答 1

1

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

于 2013-06-18T15:35:39.617 回答