javascript - 加载时介绍

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();
    }

});