入荷時の紹介

Question

私は自分のサイトの紹介ツアーを実装しようとしており、Introjsに出くわしました。

すべての例でボタンクリック時にツアーが開始されますが、ボタンをクリックせずにページが読み込まれるとツアーを開始する方法があるかどうかは疑問です。また、初めて訪問するだけで起動することは可能ですか？

私はangularjsを使用してサイトを構築していますが、非常に初心者です。どんな提案も大歓迎です！

Answer 1

文書準備完了イベントでintroJs().start()を呼び出します。

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

例https://introjs.com/docs/getting-started/start上にのみ、ボタンクリックまたは文書readyイベントにするかどうかの関数を呼び出す必要があり、関数呼び出しintroJs().start()

を使用しています。

質問の2番目の部分に来て、最も簡単な解決策は、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(); 
    } 

});