介绍负载

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

});