我不想在第二次访问时启动引导程序游览

Question

我使用引导程序游览进行页面游览。我想要做的是在您访问该页面后自动启动游览，但在下次访问时，游览不应该自动启动，但是当您单击按钮时。我猜这可以用“存储”来完成，但我不知道如何。任何人都可以帮忙吗？谢谢

Answer 1

'storage'需要'window.localStorage'。这个值是默认的，所以你不需要添加任何选项。

// Instance the tour 
 
var tour = new Tour(); 
 

 
tour.addSteps([ 
 
    { 
 
     element: "#one", 
 
     title: "First", 
 
     content: "First Content", 
 
     placement: "right" 
 
    }, { 
 
     element: "#two", 
 
     title: "Second", 
 
     content: "Second content", 
 
     placement: "right" 
 
    } 
 
]); 
 

 
tour.init(); 
 
tour.start(); 
 

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

div#one { 
 
    padding:20px; 
 
    margin:50px; 
 
    width:100px; 
 
    height:100px; 
 
    background-color:gray; 
 
} 
 
div#two { 
 
    padding:20px; 
 
    margin:50px; 
 
    width:100px; 
 
    height:100px; 
 
    background-color:aqua; 
 
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/css/bootstrap.css" rel="stylesheet"/> 
 
<link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.10.1/css/bootstrap-tour.css" rel="stylesheet"/> 
 

 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.1/js/bootstrap.js"></script> 
 
<script src="//cdnjs.cloudflare.com/ajax/libs/bootstrap-tour/0.10.1/js/bootstrap-tour.js"></script> 
 

 
<div id="one">First step</div> 
 
<br> 
 
<div id="two">Second step</div> 
 
    
 
    <div> 
 
     <button id="startTour" class="btn btn-success">Start</button> 
 
    </div>

Answer 2

我们应该遇到同样的问题，见我的问题和答案在这里：Bootstrap tour needs to clear cache to work again。

使用restart（）而不是start（）或设置“storage：false”可以解决问题。