javascript - Hopscotch on关闭游览功能

Question

我正在使用 Hopscotch 创建一个游览，我想为用户创建一个能够在他们点击页面后进行或退出页面游览的能力。

我正在尝试创建一个 onClose 函数，但我被卡住了。

var tour = {
   id: "businesstour-hopscotch",
   steps: [
{
  title: "Welcome",
  content: "This is the new business profile page, click next to have a quick tour.",
  target: document.querySelector('#companyname'),
  placement: "right",
  xOffset: -380,
  yOffset: 52,
  onClose: function() {
    window.location = '/';
  }
},

等等等等，它不工作。也没有显示结束游览的按钮。任何想法都会有所帮助！

Answer 1

根据我对文档的理解，onClose 定义是一个“Tour Option”，应该像这样声明，而不是在步骤中：

var tour = {
   id: "businesstour-hopscotch",
   onClose: function() {
       window.location = '/';
   },
   steps: [{
       title: "Welcome",
       content: "This is the new business profile page, click next to have a quick tour.",
       target: document.querySelector('#companyname'),
       placement: "right",
       xOffset: -380,
       yOffset: 52
     }]
};

我正在像这样初始化我的，它适用于用户单击游览右上角的“x”。但是，当用户在游览的最后一步单击“完成”按钮时，我没有看到此事件被触发。