javascript - 我可以使用超过 2 个页面的多个 intro.js 吗？

Question

我想对两个以上的页面使用 intro.js。这是一种简单的方法吗？

Answer 1

是的，你可以。如果您查看包含多个页面的 intro.js 示例的代码 https://github.com/usablica/intro.js/tree/master/example/multi-page你可以看到第一页有代码在用户点击按钮后重定向到第二页:

<script type="text/javascript">
  document.getElementById('startButton').onclick = function() {
    introJs().setOption('doneLabel', 'Next page').start().oncomplete(function() {
      window.location.href = 'second.html?multipage=true';
    });
  };
</script>

在第二页上，我们使用正则表达式来检查用户是否正在浏览介绍。您需要将这样的代码添加到每个页面，以及下一个应该显示的页面的 url 地址。如果您想拥有多个“介绍流程”(因为问题标题说 multiple)，您可以给它们命名或编号。然后，而不是添加 multipage=true 您可以使用 multipage=beta_version 或 multipage=1 并使用 reqex 检查用户是否应该看到介绍，如果是，是哪一个。

<script type="text/javascript">  
  if (RegExp('multipage', 'gi').test(window.location.search)) {

    document.getElementById('startButton').onclick = function() {
      introJs().setOption('doneLabel', 'Next page')
        .start().oncomplete(function() {
          if (RegExp('multipage=2', 'gi').test(window.location.search)) {
            window.location.href = 'third.html?multipage=2';
          }
          else {
            window.location.href = 'unicorn.html?multipage=3';
          }
        });
      };
  }
</script>

这可能不是有史以来最好的代码 :)，但是(如 Rich 所说)没有更多信息我只能猜测这就是您想要做的？但希望它能给出一个总体思路。