JavaScript 为什么我的全局数组变空？ Console.log 短暂显示正确值

Question

我无法弄清楚这里出了什么问题，我确信这很简单，但要搜索它并不容易，所以如果这个问题已经在其他地方得到了回答，我深表歉意。

情况:

我在 js 文件顶部声明了一个全局数组:

var question_ids = [];

数组获取一些值:

$(".quiz-game-container .row").each(function(loop_index) {
    question_ids.push($(this).attr('id'));
}

现在我想显示一个计数器，其中包含数组的长度:

$(document).ready(function() {
    // Sets the question info how many questions in total
    console.log(question_ids.length);
    $(".quiz-game-container .quiz-container .current-question-number").html("1/", question_ids.length);
});

问题

奇怪的是，我在浏览器开发者控制台中看到了正确的console.log输出(长度为10)，但它在1秒后消失(可能是当所有内容都已加载时)并且没有任何值，我在 html View 中获取 1/。

这是一个消失的 console.log 的实例: my website

点击刷新按钮F5并查看控制台，console.log 输出将显示一小会儿，然后消失。

编辑

Hit the refresh button F5 and look at the console, the console.log output will show for a brief moment and then disappear.

这似乎是浏览器问题。它在 FireFox 上运行良好。

Answer 1

$.html 仅采用一个参数:http://api.jquery.com/html/

更改此:

.html("1/", question_ids.length);

对此:

.html("1/" + question_ids.length);