javascript - Intro.js 2页然后返回首页

Question

我正在使用 intro.js为我的网站创建一个小介绍。我希望导览从第 1(主页)-2(另一页)开始，然后返回到 1(主页)。

我已经成功地从第 1-2 页开始，但不确定如何让它返回到第 1 页。我对 javascript 非常不熟练，所以这可能是一个简单的解决方案，但我在网上找到的解决方案没有不工作。

页面切换代码处理:

主页

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

第二页(称为 mtcook):

 <script type="text/javascript" src="js/intro.js"></script>
    <script type="text/javascript">
      if (RegExp('multipage', 'gi').test(window.location.search)) {
        introJs().start();
      }
      </script>

Answer 1

在第二页你不能做你在第一页做的事情，所以像这样:

 <script type="text/javascript" src="js/intro.js"></script>
    <script type="text/javascript">
      if (RegExp('multipage', 'gi').test(window.location.search)) {
        introJs().setOption('doneLabel','Next page').start().oncomplete(function() {
          window.location.href = '../mtcook/index.html' // or whatever your original page is
        });
      }
      </script>