载入中的Introjs

Question

我正在尝试为我的网站实施简介之旅，并且遇到了Introjs 。

所有示例都显示了在单击按钮时启动游览的过程，但是我想知道是否存在一种方法，可以在页面加载后不单击按钮的情况下启动游览。 另外，是否可以仅在首次访问时启动它？

我正在使用angularjs来构建我的网站，但是非常新手 。 任何建议，不胜感激！

Answer 1

在文档就绪事件上调用introJs().start() 。

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

https://introjs.com/docs/getting-started/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();
    }

});