Introjs с одностраничным приложением

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) и начать шаг 1 на стр. 2.

Редактирование: Если я могу запустить его под обратным вызовом с моих кнопок, которые перейдут к следующему шагу, я могу просто посмотреть, что он находится под конкретным div, например, уникальный id активного шага?

Answer 1

Только что изменил эту строку: var allIntroSteps = targetElm.querySelectorAll('.active *[data-intro]'); С «.active» и добавили обратный вызов на каждый шаг.