我有一个应用程序,我在其中获取从一个位置到另一个位置的路线信息,可能在多个位置之间。在我的函数中,我正在循环检查检查的位置并使用 jQuery 写出到页面的方向。在循环的最后一次迭代中,“myRoute”变量变为未定义。所以,如果我有三个位置,它会在第三个位置投弹,但如果我使用相同的三个位置并添加第四个位置,则前三个位置有效,第四个投弹位置。我跟踪了 Firebug 中的行为,虽然 myRoute 变量确实被正确填充,但一旦它移动到下一行,它就会突然未定义。我删除了实例myRoute
并替换为,directionResult.routes[0].legs[i]
但仍然出现未定义的错误。这里发生了什么?
function setInstructions(directionResult, idname, start) {
//clean tour list
$('#tours_list .tour').remove();
$('#routeTitle').show();
var checkboxArray = $(".selector.Favs" + idname).find("li");
var idx = 0;
var linkMap = $('#routeTitle').find('.link-map')[0];
linkMap.href = __mapLink+'saddr=' + start;
var firstStop = true;
//iterate selected properties
for (var i = 0; i < checkboxArray.length; i++) {
var curChk = checkboxArray[i];
if ($(curChk).hasClass('active')) {
//get steps
var myRoute = directionResult.routes[0].legs[i]; //this is what becomes undfined
var title = $('<div>').addClass('mileage').append($('<p>').append($('<strong>').html(myRoute.distance.text + "<br /> about " + myRoute.duration.text)));
var ol = $('<ol>').addClass('directions');
for (var j = 0; j < myRoute.steps.length; j++) {
var step = myRoute.steps[j];
var li = $('<li>').append($('<div>').addClass('direction').html(step.instructions));
li.append($('<div>').addClass('distance').html(step.distance.text + " - " + step.duration.text));
ol.append(li);
}
//add tour with directions
$('#tours_list').append(temp);
}
}
}