javascript - IntroJS, Uncaught ReferenceError

标签 javascript jquery html css

我有一个在 JSFiddle 中运行良好的 IntroJS 演示.

当我将它与我的应用程序合并时,“单击我测试 IntroJS”按钮返回: Uncaught ReferenceError: intro is not defined at HTMLButtonElement.onclick

  • 我检查了是否通过 codepen CDN 加载了正确的 IntroJS css 和 JS 库。
  • 我检查了函数的拼写。测试警报按钮正确触发..
  • 我试过了 <body>和 Codepen HTML head 部分中的其他 JSfiddle 包装器。我以前将代码片段从 Codepen 移到 JSfiddle,并且知道常见的错误。

我认为这是一个范围问题,但我不确定下一步该怎么做。

JS 在这里,在第 381 行

  intro = introJs();
     intro.setOptions({
    'showStepNumbers': false
  });
  intro.start();

function testAlert() {
  alert("alert");
};

按钮在这里:

 <button onclick="intro.start();">Click me to Test IntroJS</button>

full app is here , 按钮半按下:

最佳答案

codepen 示例 (https://codepen.io/Teeke/pen/mRgWLg) 中的问题是第 355 行存在 JavaScript 错误:

setText(playButton, "播放");

尚 undefined variable playButton。这会阻止其余的 JavaScript 工作。一旦我注释掉所有对 playButton 的引用,intro.js 代码就会按预期执行。

关于javascript - IntroJS, Uncaught ReferenceError ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42275329/

相关文章:

javascript - 正则表达式 JavaScript 文本文件

jquery - DataTables (serverSide) 在第一次请求时正常,在搜索或重新排序时请求中失败并显示 "[Object object"]

jquery - 自定义 CSS 以允许 chrome textarea 调整大小小于初始状态?

html - 使两个 div 并排排列,没有间隙

php - 如何在同一个表的另一个字段上填充一个字段的值

javascript - Jquery按数组中的元素值排序

javascript - 是什么导致我的测试中出现 "Uncaught Error: write after end"?

javascript - 检查客户端是否可以访问资源的 RESTful 方法是什么?

jquery - Div inside div,背景大小调整不起作用(使用视差效果)?

html - 你是怎么做到这个效果的?