twitter-bootstrap - Bootstrap 导览需要清除缓存才能再次工作

Question

我正在尝试在我的 Web 应用程序中使用 Bootstrap 。前 5 分钟一切正常，我看到了弹出步骤，这是第一次也是唯一一次。然后弹出窗口稍后就消失了。我尝试了很多方法，甚至重新启动了电脑，结果每次我清除浏览器缓存时，它都会工作一次。然后我需要再次清除缓存。

代码如下所示:

    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" }
];

所有的 alert() 都很好，步骤中的数据也很好(这就是它至少可以运行一次的原因)。

所有官方示例都可以在他们的网站上找到。

IE 和 Chrome 在我的电脑上都有同样的问题。

Tour js 和 css 完好无损(从 Bootstraptour.com 下载)。

任何想法？谢谢。

Answer 1

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

DOCS

选项:storage
默认值:window.localStorage
描述:

The storage system you want to use. Could be the objects window.localStorage, window.sessionStorage or your own object. You can set this option as false to disable storage persistence (the tour starts from beginning every time the page is loaded).

修复

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