Intro.js 2 页然后 return 返回首页
Intro.js 2 pages then return to home
我正在使用 intro.js 为我的网站创建一个小简介。我希望导览从第 1 页(主页)-2(另一页)开始,然后返回到第 1 页(主页)。
我已经成功地从第 1-2 页开始,但不确定如何将它转到 return 到第 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>
在第二页你不能做你在第一页做的事情,所以像这样:
<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>
我正在使用 intro.js 为我的网站创建一个小简介。我希望导览从第 1 页(主页)-2(另一页)开始,然后返回到第 1 页(主页)。
我已经成功地从第 1-2 页开始,但不确定如何将它转到 return 到第 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>
在第二页你不能做你在第一页做的事情,所以像这样:
<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>