结束游览一次后使用按钮开始 Bootstrap 游览

Question

我有一个简单的网页，其中包含内容和 bootstrap 导览以指导我的网页。

我想使用带有以下 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();

});

单击 启动游览 按钮后，我就可以开始游览了。当我点击 End Tour 按钮时，游览结束。但是，当我再次单击 Initiate Tour 按钮时，游览不会开始。

我已经审阅了以下帖子，但没有任何效果：post1 and post2。

我刚开始使用 javascript 和 bootstrap tour

，请帮我解决这个问题

Answer 1

您可以使用 restart() 功能重新开始游览。

http://jsfiddle.net/tejashsoni111/6hh8z5qc/1/

$("#initiate_tour").click(function(){
    // Start the tour
    if(!tour.start()){
        tour.restart();
    }
});

Answer 2

现在巡演正在按预期进行。我在 bootstrap 游览设置中启用调试为 true 以查看浏览器控制台中的日志。我收到错误消息 "Tour ended, init prevented"。

对代码进行了以下更改：

$("#initiate_tour").click(function(){
    tour.init();
    tour.restart();
});

通过以下 link 获得解决方案：problem solution

结束游览一次后使用按钮开始 Bootstrap 游览

Starting Bootstrap tour with a button after ending tour once

javascript

jquery

twitter-bootstrap

bootstrap-tour