Question

我有一个IntroJS演示，可以在JSFiddle中正常工作。

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

我检查了正确的IntroJS css，并通过codepen CDN加载了JS库。
我检查了函数的拼写。测试警报按钮正确触发..
我在Codepen HTML主题部分尝试了<body>和其他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，按钮位于中途：

Answer 1

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

setText(playButton, "Play");

尚未定义变量 playButton 。这阻止了其余的JavaScript工作。一旦我注释掉了对 playButton 的所有引用，就会按预期执行intro.js代码。