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遊覽需要清除緩存才能再次運行

回答

相關問題