Я не хочу, чтобы ботстрап-тур начинался во втором посещении

Question

Я использую ботстрап-тур для просмотра страницы. То, что я хочу сделать, - это автоматически начать тур, как только вы заходите на страницу, но при следующем посещении тур не должен запускаться автоматически, а когда вы нажимаете кнопку. Я предполагаю, что это можно сделать с помощью «хранилища», но я не знаю, как это сделать. Может ли кто-нибудь помочь? Thanks

Answer 1

'хранение' должно быть '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» может решить проблему.