如何允許用戶在單擊按鈕時重播 intro.js 游覽？

Question

我使用 intro.js 創建了一個游覽，我希望游覽完成后，用戶仍然可以通過單擊按鈕重新啟動它。 這已經被問過但還沒有回答類似的未回答的問題任何指針都會有所幫助，謝謝！

Answer 1

一種方法是制作一個可點擊的按鈕，調用 function 來播放游覽：

 <input type="button" id="startTour" value="Restart Tour" onclick="restartTour();">

並在 JS 腳本中添加游覽 Json：

 function restartTour() { introJs().setOptions({ steps: [{ ##create tour STEPS here }] }).start(); };

Answer 2

另一種方法是這樣的按鈕：

 <input type="button" id="restartTour" value="Restart Tour">

和這樣的JS：

 function startTour() { introJs().setOptions({ steps: [{ title: 'Welcome ', intro: "some info", }, { element: document.getElementById('files'), title: 'a title', intro: 'some info', position: 'top', }, ] }).start(); }; // Wrap this Jinja conditional for first time window.onload = function() { startTour(); }; // document.getElementById("restartTour").addEventListener("click", startTour) document.getElementById("restartTour").onclick = startTour;