javascript - "Next"按钮没有按预期循环回答

Question

我正在尝试构建一个非常基本的纯 JavaScript 应用程序(没有 jQuery)。

使用 jQuery 我觉得我可以轻松地做到这一点。但 JavaScript 没那么多。

这是我的 JSF 应用程序:

http://jsfiddle.net/abustamam/CLenJ/2/

因此，目的是在按下“下一步”按钮时循环显示问题及其伴随的答案。

问题是，按下“下一步”时没有任何反应。即使我将 next() 函数设置为类似

function next() {
    alert("pressed!");
}

没有任何反应。

在另一个问题的建议下，我将“onLoad”更改为No wrap - in head。

此时，问题和值并未初始加载。

在查看控制台错误时，加载顺序似乎对按钮是否有效或是否加载第一个问题有很大影响，但我找不到同时获得它们的方法兼职。

有人能解释一下吗？谢谢!

Answer 1

在 fiddle 中，您的脚本在 load 回调下，这意味着 next 方法在闭包内，因此它在全局范围内不可用。

如果您查看浏览器控制台，您会看到一个脚本错误，提示 Uncaught ReferenceError: next is not defined

在左侧面板中 Frameworks and Extensions 下的第二个下拉菜单中选择 No Wrap - In Body

演示:Fiddle