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

});

Introjs 加载

Introjs on load

javascript

onload

angularjs

intro.js