jQuery $ .each正常运行但产生TypeError

时间:2016-04-30 04:20:12

标签: javascript jquery

想象一下以下数据集:

{"FakeEconomy":{
"2016-04-05":5651694,
"2016-04-06":5513759,
"2016-04-07":5410169,
"2016-04-08":5094142,
"2016-04-09":4768829,
"2016-04-10":5101458,
"2016-04-11":5776419,
"2016-04-12":5692041,
"2016-04-13":5568383,
"2016-04-14":5555027,
"2016-04-15":5116844,
"2016-04-16":4653882,
"2016-04-17":5112466,
"2016-04-18":5764588
}}

当我通过jQuery传递每个函数时,它工作正常,但随后抛出一个随机:

  

未捕获的TypeError:无法阅读'访问'未定义的

以下是jQuery代码:

console.log(dataset['visits']); // Prints the data above
$.each(dataset['visits'], function(index,value) {
    pageName = index;
    $.each(dataset['visits'][index], function(index,value) {
        timeline.push(index);
        visits_data.push(parseInt(value));
        console.log(timeline);
    })
});

造成错误的原因是什么?

1 个答案:

答案 0 :(得分:0)

发现程序引发错误的原因是因为我在JavaScript文件和HTML文件中放置了jQuery ready函数,其中包含我上面编写的函数。

从本质上讲,这是:

$(document).ready(function(){
    var collected_results = graph_data(dataset); // Has the each function
    var visitsChart = new Chart(collected_results[0], collected_results[1]);
    var devicesChart = new Chart(collected_results[2], collected_results[3]);
    var osChart = new Chart(collected_results[4], collected_results[5]);
})

位于JavaScript文件中,JavaScript文件的加载速度比HTML文件快。

因为JS文件的加载速度比HTML文件快,所以它会引发错误,因为它无法读取对象。