javascript - 结束游览一次后通过按钮启动 Bootstrap 游览

Question

我有一个简单的网页，其中包含内容和 Bootstrap 浏览来 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();

});

当我点击启动游览按钮时，我就可以开始游览。当我单击结束游览按钮时，游览将关闭。但是，当我再次单击启动游览按钮时，游览不会开始。

我审阅了以下帖子，但没有任何效果:post1和 post2 .

请帮我解决这个问题，因为我是使用 javascript 和 Bootstrap Tour 的新手

Answer 1

现在游览正在按预期进行。我已在 Bootstrap 设置中将调试启用为 true，以在浏览器控制台中查看日志。我收到错误消息“游览结束，初始化被阻止”。

对代码进行了以下更改:

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

从以下链接获取解决方案:problem solution