从按钮重新启动 Intro.Js 之旅?

2024-02-11

有没有办法通过按钮重新启动 Intro.Js?

我目前已将其设置为在页面加载时运行,并使用 JSON 中定义的步骤运行,效果很好。不过,我希望用户可以通过帮助按钮访问该导览,以便在需要时进行参考。

我努力了:

introJs().setOptions({
  steps: [{
    intro: "<h1>Welcome to the Map</h1>"
  }, 
  {
    element: document.querySelector('#viewDiv'),
    title: "The Map",
    intro: "This is the main map. Right click and drag to pan, use the mouse wheel to zoom (or use the buttons in the top left corner), and left click to spin the map around. The compass icon in the top left corner will reset the map orientation to north."
  },
*[MORE STEPS]*
]
}).start();
    
function tourRestart() {
      introJs().start();
    }
    
    document.getElementById("help").addEventListener("click", tourRestart)

但这没有任何作用。如果 HTML 中还定义了步骤,则will从第一个 HTML 步骤开始,但如果可能的话,我更愿意使用 JSON 版本。

Thanks!


这是我所做的:

var introjs_element = introJs().setOptions({
  steps: [{
    intro: "<h1>Welcome to the Map</h1>"
  }, 
  {
    element: document.querySelector('#viewDiv'),
    title: "The Map",
    intro: "This is the main map. Right click and drag to pan, use the mouse wheel to zoom (or use the buttons in the top left corner), and left click to spin the map around. The compass icon in the top left corner will reset the map orientation to north."
  },
*[MORE STEPS]*
]
});
introjs_element.start();
    
function tourRestart() {
      introjs_element.start();
    }
    
    document.getElementById("help").addEventListener("click", tourRestart)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

从按钮重新启动 Intro.Js 之旅? 的相关文章

随机推荐

  • refs 是否应该列为 useEffect 等的依赖项?

    据我了解 useRef 返回的容器始终相同 但在 useEffect 和类似函数中引用它们会导致 eslint exhausive deps 警告 在这种情况下忽略警告是否安全 有什么好方法可以避免警告堵塞输出日志以及禁用行注释堵塞我的代码
  • 使用 python libclang 检索评论

    在下面的头文件中我想得到相应的 reflect对类和成员变量的注释 ifndef HEADER FOO define HEADER FOO reflect class Foo public private int m int reflect
  • 了解模运算符

    我有一些代码循环遍历列表元素的集合和颜色的集合 它确保每个列表元素都指定有一种颜色 除了模数运算符之外 我了解有关此的所有内容 我知道它找到并使用剩余的数字 但我一生都无法理解它在做什么here var li document getEle
  • 如何更改 JFileChooser 中的默认 java 图标

    我想改变内置的java图标JFileChooser JFrame类有一个setIconImage 设置图标的方法 但我找不到类似的东西JFileChooser 无需更换咖啡杯 任何人都可以轻松识别出我的软件是用 java 编写的 谁能帮助我
  • Rails 和 RSpec:在不同命名空间(模块)中测试具有相同名称的控制器

    我有使用 RSpec 3 4 0 测试的 Rails 4 1 16 API 应用程序 并且在测试不同模块中调用相同名称的类时遇到问题 结构是 app controllers bar notifications controller rb c
  • Rust 宏:根据表达式调用函数

    我有三个不同的函数 我想根据宏参数调用其中一个函数 这个参数应该被预处理 这就是为什么我认为我需要把它写成expr 但是 我似乎找不到一种方法来区分不同的情况expr在宏中 这是我的代码 fn func 100 println Func 1
  • 限制 Laravel 日志文件大小

    我是 Laravel 的新手 我们使用的是 Laravel 5 8 我看过一些恐怖故事 其中日志设置为每日轮换 但仍然达到 1GB 以上 我看到有人的日志一夜之间达到了 400GB 以上 有没有办法分割日志文件和 限制可以创建的总日志大小
  • SSE 4 popcount 为 16 个 8 位值?

    我有以下代码 它使用标志与 GCC 进行编译 msse4但问题是弹出计数仅获取转换后的最后四个 8 位 m128i类型 基本上我想要的是计算里面的所有 16 个数字 m128i类型 但我不确定创建变量后要调用什么内部函数popA 不知何故p
  • 如果只使用一次本地函数,那么使用它们还有什么意义吗?

    想象一下我有这样的代码 public void Foo Do bar work Do baz work Do foobar work 我意识到我可以 而且应该因为它做了不止一件事 将其重构为 public void Foo bar baz
  • PHP - 从数组中选择随机值?

    PHP 如何从数组中选取随机值 Example trees appletree gt id gt 12378 age gt 15 height gt 6 bananatree gt id gt 344343453 age gt 16 hei
  • 使用 VB 写入大量记录以进行访问

    我目前正在 Visual Studio 中编写一些软件 以使用 SQL 分析来自 Access 数据库的大量数据 我有代码可以创建一个新的计算变量 但我很难解决将数据写回 Access 所需的时间 我目前正在使用一些 vb com 代码与在
  • Java 消息服务 (JMS) 的用途是什么?

    我目前正在评估 JMS 但不知道它可以用来做什么 目前 我相信这将是一个用例 我想创建一个 SalesInvoice PDF 并在 SalesOrder 离开仓库时打印它 因此在交付事务期间 我可以发送一个事务打印请求 该请求在 Sales
  • OkHttpClient 的 NoClassDefFoundError

    在 gradle 中添加 facebook 依赖项后 我收到此运行时错误 compile com facebook android facebook android sdk 4 6 0 请注意 我也在使用 okhttp compile co
  • 用于移动物体的近似增量最近邻算法

    Bounty 这个问题提出了几个问题 赏金将用于全面解决这些问题的答案 这是我一直在玩的一个问题 NOTE我对以下解决方案特别感兴趣不基于欧几里得空间 有一组 Actor 形成大小为 K 的人群 距离d ActorA ActorB 对于任何
  • 避免 C++11 原始字符串文字中的第一个换行符?

    C 11 中的原始字符串文字非常好 只是格式化它们的明显方式会导致多余的换行符 n作为第一个字符 考虑这个例子 some code std string text R This is the first line This is the s
  • 使用 PHP 将下拉列表中的数据插入数据库

    首先 我需要一个可以轻松更新的下拉列表 因此我创建了一个名为 制造商 我在表格中列出了要选择的制造商 我终于用这段代码完成了这个
  • 在 Rust 中使用 Any 和特征 [重复]

    这个问题在这里已经有答案了 我正在尝试实施PartialEq在 Rust 中寻找具有子类型的特征 以便我可以将它们作为装箱指针添加到容器中 然后比较它们 这是我的缩小版实现 use std any Any trait Foo Any str
  • 编写一个递归函数来反转输入字符串

    我一直在读 C For Every 一书 其中一个练习说要编写一个函数string reverse string str 其中返回值是相反的str 有人可以写一些基本代码并向我解释吗 从昨天开始我就一直盯着这个问题 想不通 我得到的最远的是
  • 忽略 jax-rs 中传入的 json 元素

    我想知道该放在哪里 JsonIgnoreProperties ignoreUnknown true 在 Java REST API 中 我有以下课程 import org codehaus jackson annotate JsonIgno
  • 从按钮重新启动 Intro.Js 之旅?

    有没有办法通过按钮重新启动 Intro Js 我目前已将其设置为在页面加载时运行 并使用 JSON 中定义的步骤运行 效果很好 不过 我希望用户可以通过帮助按钮访问该导览 以便在需要时进行参考 我努力了 introJs setOptions