Bootstrap Tour引導向導提示外掛只能開啟一次的解決方法

Bootstrap Tour的專案主頁

http://bootstraptour.com/

下面是引用主頁中的教程

新增引用

<link href="bootstrap-tour-standalone.min.css" rel="stylesheet">
...
<script src="jquery.min.js"></script>
<script src="bootstrap-tour-standalone.min.js"></script>

設定引導

// Instance the tour
var tour = new Tour({
  steps: [
  {
    element: "#my-element",
    title: "Title of my step",
    content: "Content of my step"
  },
  {
    element: "#my-other-element",
    title: "Title of my step",
    content: "Content of my step"
  }
]});

// Initialize the tour
tour.init();

// Start the tour
tour.start();

最後最好新增一個觸發事件來啟動引導，比如單擊某個段落

$("p").click(function(){
tour.start();
});

注意，這裡用的是tour.start();

這樣的話，引導提示在第一次開啟後就無法重新開啟了，就算是關掉瀏覽器重新開啟頁面都不行的。怎麼解決呢。其實很簡單，

只要將tour.start();改成tour.restart();就可以了。