단일 페이지 응용 프로그램을 사용한 소개

Question

연습 할 때 추가해야하는 단일 페이지 응용 프로그램이 http://usablica.github.io/intro.js/입니다. 내 응용 프로그램은 탐색하는 여러 마법사 스타일 페이지를 가지고 있으므로 각 페이지 (단일 페이지 응용 프로그램에서)에 대해 해당 컨테이너 내의 첫 번째 단계부터 보행 시선을 시작해야합니다.

이는 어떻게 구성되어 있는지입니다 : 사용자가 클릭 '이동 2 단계로'그래서는 소개를 재설정하고 이전 페이지 (1 페이지)의 단계를 무효화하고부터 시작해야

<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> 

편집 : 다음 단계로 이동하는 단추에서 콜백하여 실행할 수있는 경우, 데이터 조각이 고유 한 예를 들어 특정 div 아래에 있는지 확인할 수 있습니까? 이드의 활성 단계?

Answer 1

'액티비티'로 var allIntroSteps = targetElm.querySelectorAll('.active *[data-intro]'); 을 수정하고 각 단계를 다시 호출했습니다.