Introjs on load

Question

내 사이트에 대한 소개 둘러보기를 구현하려고하는데 Introjs을 발견했습니다.

모든 예제는 버튼 클릭시 투어 시작을 보여 주지만 버튼 클릭없이 페이지가로드되면 둘러보기를 시작하는 방법이 있는지 궁금합니다. 또한 처음 방문했을 때만 시작할 수 있습니까?

나는 angularjs을 사용하여 내 사이트를 구축하고 있지만 초보자 인입니다. 어떤 제안이라도 대단히 감사합니다!

Answer 1

문서 준비 이벤트시 introJs().start()으로 전화하십시오. https://introjs.com/docs/getting-started/start에

document.addEventListener("DOMContentLoaded", function() { 
    introJs().start(); 
}); 

예 당신은 버튼을 클릭하는지 여부를 함수를 호출하거나 준비 이벤트를 기록 할 함수 호출을 introJs().start()

를 사용합니다.

질문의 두 번째 부분에 오는 가장 쉬운 해결책은 localStorage을 사용하는 것입니다.

트릭을해야합니다.

document.addEventListener("DOMContentLoaded", function() { 

    var hadTour = localStorage.getItem('hadTour'); 

    if(!hadTour){ 
      introJs().oncomplete(function() { 
      localStorage.setItem('hadTour', true); 
      }).onexit(function(){ 
      localStorage.setItem('hadTour', true); 
      }).start(); 
    } 

});