Intro.js 2页然后返回家

时间:2016-08-18 06:57:49

标签: javascript html intro.js

我正在使用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>

第2页(称为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>

1 个答案:

答案 0 :(得分: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>