jQuery 在 $(document).ready(function() { 中运行函数

Question

我在这里做错了什么？为什么 writeQuestions 不运行在负载上（而不是 onclick..）？

$(document).ready(function() {

$.getJSON("JavaScript/questions.json", function(data) {questions = data;});
    $("#start").one("click" , writeQuestions);
    writeQuestions();

 });

（ .one() 行在我的代码中被注释掉）

当我这样做时：window.onload=writeQuestions; 它工作正常..

Answer 1

writeQuestions() 在返回 JSON 结果之前运行。将函数调用放在回调函数中。

$(document).ready(function() {  
     $.getJSON("JavaScript/questions.json", 
          function(data) { questions = data; writeQuestions(); }
     ); 
}); 

另外，我建议更新 writeQuestions() 函数以接受参数，并以这种方式传递问题。我很惊讶它竟然有效，因为存在可变范围问题。

Answer 2

您是否尝试过...

$.getJSON("JavaScript/questions.json", function(data) {
    questions = data;
    writeQuestions();
});

在您的示例中，将在 getJSON 调用返回之前调用 writeQuestions 。

编辑正如 Fosco 在他的回答中指出的那样，您在此处将 questions 声明为全局变量，因为您不使用 var 关键字。这可能有效，但这不是好的做法，而且容易出现错误。最好重写为：

$.getJSON("JavaScript/questions.json", function(data) {
    writeQuestions(data);
});

Answer 3

您的问题是否已加载到 .getJSON() 中？
如果是这样，请尝试输入成功

$.getJSON("JavaScript/questions.json", function(data) {
    questions = data;
}).success(function() {writeQuestions();)