如何允许用户在单击按钮时重播 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;