Bootstrap游览需要清除缓存才能再次运行

我正尝试在我的web应用程序中使用bootstrap游览。在第一个5分钟内一切正常，我第一次和唯一一次看到弹出步骤。然后弹出窗口随后消失。我尝试了很多方法，甚至重新启动了电脑，事实证明，每次我清除浏览器缓存时，它都会工作一次。然后我需要再次清除缓存。Bootstrap游览需要清除缓存才能再次运行

的代码如下所示：

helpButton.click(function() { 
    if (window.steps === undefined) 
     return; 
    alert("element: " + window.steps[0].element + ", title: " + window.steps[0].title + ", content: " + window.steps[0].content + ", val: " + $(window.steps[0].element).val()); 
    var tour = new Tour({ 
     steps: window.steps 
    }); 
    tour.init(); 
    tour.start(); 
    alert("finished."); 
});

和步骤是这样的：

<script type="text/javascript"> 
var steps = [ 
    { element: "#choose-team", title: "快速编辑", content: "可以在这里直接编辑标题，自动保存", position: "n" }, 
    { element: ".hidden-editor:first", title: "快速编辑2", content: "可以在这里直接编辑标题，自动保存2", position: "n" } 
];

所有警报（）的罚款，并在步骤数据都没事（这就是为什么它可以运行至少一次）。
所有官方示例在他们的网站上都很好。
IE和Chrome在我的电脑上都有同样的问题。
游览js和css完好无损（从Bootstraptour.com下载）。

任何想法？谢谢。

来源

2015-02-12 cheny

我刚刚找到另一种方式来走动的问题，如果存储是必须的。使用restart（）代替start（）也可以解决问题。并且有一个start（true）而不是restart（），但它直接跳到最后一步。

这听起来像是这次巡演，默认情况下，设计为一次性巡演。例如，当您网站上的某些内容更新时，导览应该自动运行一次以显示更新，并且不会再次打扰用户。

要使其成为可重复巡视，请在选项中通过“storage：false”禁用存储，或者使用restart（）而不是start（）。

来源

2015-02-12 03:11:29 cheny

，但它仍然是当你在2/3步骤，例如和你刷新页面 – varto 2017-10-02 11:43:13

该问题与库配置有关，因为它默认将数据存储到DOM存储接口。

DOCS

选项：storage

默认：window.localStorage

说明：

您要使用的存储系统。可能是对象window.localStorage，window.sessionStorage或您自己的对象。您可以将此选项设置为false以禁用存储持久性（每次加载页面时都会从头开始）。

FIX

var tour = new Tour({ 
    steps: window.steps, 
    storage: false 
});

来源

2015-02-12 02:56:10 MattSizzle

谢谢！有用！认为这是关于存储的东西，但不知道“假”可以用来禁用它。 – cheny 2015-02-12 03:02:51

如果你想连续运行。创建像这样的实例

var tour = new Tour({ 
    storage: false, 
    steps: [], 
});

然后在某些按钮上单击调用这些函数。

$(document).ready(function(){ 
     $('#tour').click(function(){ 
      tour.init(); 
      tour.restart(); 
     }); 
    });

来源

2015-05-09 12:08:53

如果（像我）你想在您的帮助或配置文件应用程序添加一个按钮来重新启用之旅，你可以删除存储

function reset_tour() {  
     window.localStorage.removeItem('tour_current_step'); 
     window.localStorage.removeItem('tour_end'); 
}

这将重新启动巡演时用户只重新加载页面一次。

来源

2018-03-08 16:42:18

Bootstrap游览需要清除缓存才能再次运行

回答

相关问题