结束一次游览后,用按钮开始引导游览
Starting Bootstrap tour with a button after ending tour once
我有一个简单的网页,内容和引导游览我的网页。
我想用一个带有以下html代码的按钮来触发游览:
<button id="initiate_tour" type="button" class="btn btn-danger">Initiate Tour</button>
初始化游览的JS如下:
// Instance the tour
var tour = new Tour({
backdrop: false,
storage: false
});
tour.addSteps([
{
element: "#1",
title: "title1",
content: "content1"
},
{
element: "#2",
title: "title2",
content: "content2"
},
{
element: "#3",
title: "title3",
content: "content3"
},
{
element: "#4",
title: "title4",
content: "content4"
}
]);
$("#initiate_tour").click(function(){
// Start the tour
tour.start();
});
当我点击按钮Initiate tour 时,我可以开始游览。当我点击结束游览按钮游览关闭。但是当我再次点击Initiate Tour按钮时,Tour没有开始。
我已经参考了以下帖子,但没有任何工作:post1和post2。
请帮助我解决这个问题,因为我刚开始使用javascript和bootstrap tour
现在该旅行正在按预期工作。我在引导旅行设置中启用了debug为真,以便在浏览器控制台中查看日志。我得到一个错误提示"Tour ended, init prevent"。
在代码中做了如下修改:
$("#initiate_tour").click(function(){
tour.init();
tour.restart();
});
从以下链接得到解决方案:问题解决方案
您可以使用restart()
函数重新开始游览。
$("#initiate_tour").click(function(){
// Start the tour
if(!tour.start()){
tour.restart();
}
});
相关文章:
- 当用户点击“Codeacademy”时的类似Codeacademy的效果;开始"按钮
- Youtube无铬播放器 - 更改大开始播放按钮
- 如何制作按钮.单击“开始时不运行”
- 开始按钮用于启用和恢复动画,而无需在双击时再次重复该功能(javascript)
- 按 按钮开始代码,然后按它停止
- 使用带有突发引擎和画布的“开始”按钮重新启动动画
- 从Chrome 47开始,设置window.location.hash不适用于后退按钮
- 使简单的js小提琴动画在按钮单击而不是页面加载时开始
- iPhone:点击/单击“开始”按钮后,虚拟键盘不会隐藏
- 一个视图中的角度按钮在另一个视图中开始倒计时
- 如何使菜单出现(从左侧开始)并在单击按钮时消失
- 带有开始按钮的面板,单击按钮时向上移动
- 在提交按钮开始时间和结束时间由javascript计算
- 在手动模式下单击“下一步”或“上一步”按钮后,图像转换会自动开始
- javascript winow.find()如何在每次点击搜索按钮时从顶部开始搜索
- 我想建立的功能,停止播放歌曲,当我按下按钮开始另一个
- 结束一次游览后,用按钮开始引导游览
- JQuery UI按钮开始错误行为
- 按下按钮开始倒计时
- 是否可以让按钮开始下载 dom 元素