上次创建的导航栏按钮中没有列表项。使用我自己的功能

Question

我没有在我的第三个导航栏中使用我自己的功能创建任何选项（列表项）或获取和空选项。如果我在navBar函数中包含alert，那么它会在边缘工作，它也会创建一个包含所有选项的navBar，如果我要生成一个数组变量并手动将值插入到该数组中，而不通过我的书写函数来填充此数组。请看下面的代码。

var tims = []; 
//populates the array with teams 
function getTeams(tims) { 
    $.getJSON("teams.json").done(function(data) { 
     var tim1 = data.sports_content.teams; 
     for (var i in tim1.team) { 
      if (tim1.team[i].is_nba_team == true) { 
       tims.push(tim1.team[i].city + ' ' + tim1.team[i].team_nickname); 
      } 
     } 
    }) 
    return tims; 
} 

//function used to create a navbar 
function navBar(id, header, options, cssParams, cssRed) { 
    var content = "<ul class= 'dropdown-menu "; 
    var css = ""; 
    var css1 = ""; 
    //setting up css for a navbar 
    for (var j in cssParams) { 
     css += cssParams[j] + " "; 
    } 
    content += css + "' >"; 

    //creating list of css elements for navbar placement 
    for (var z = 0; z < cssParams.length - cssRed; z++) { 
     css1 += cssParams[z] + " "; 

    } 
    //alert(css1); 
    //creating list elements for a navbar 
    for (var i in options) { 

     content += "<li><a id ='" + id + i + "' href='#'>" + options[i] + "</a></li>"; 
    } 
    content += "</ul>"; 
    $('#nBar').append("<div class='btn-group '> <button id = '" + id + "' type='button' class='" + css1 + " btn btn-primary btn-lg dropdown-toggle ' data-toggle='dropdown' aria-haspopup='true' aria-expanded='false'>" + header + "<span class='caret'></span></button>" + content + "</div>"); 
    //alert(content); 
} 

//creating three navbars , the third one appears to be empty 
    var tims = new Array(); 
    tims = getTeams(tims); 
navBar("func", "func", ["news", "roster", "stadium", "switch the team"], ["navMv", "options1", "col1"], 2); 
navBar("nba", "Nba", ["top 10 last night", "commisioner", "info"], ["navMv", "next", "options1", "col1"], 2); 
navBar("team", "team", tims, ["navMv", "next1", "options1", "col1"], 2); 

如果我提醒tims[any_element]我会得到正确的弹出。认为这值得一提。 例如，这将会给我一线队的名字，如果我要按下FUNC导航栏的第一个列表项，但球队导航栏列表为空：

 $('#main').ready(function(){ 
       var tims = new Array(); 
       tims = getTeams(tims); 
       navBar("func","func",["news","roster","stadium","switch the team"],["navMv","options1","col1"],2); 
       navBar("nba","Nba",["top 10 last night","commisioner","info"],["navMv","next","options1","col1"],2); 
       navBar("team","team",tims,["navMv","next1","options1","col1"],2); 

       $("#func0").click(function(event){ 
        alert(tims[0]); 
        event.preventDefault; 
       }) 

      }); 

Answer 1

你在哪里把那个警惕tims？我会说你的时间仍然是一个空阵列。在你的函数getTeams中，你返回已更改的变量，但未分配。您需要编写

tims = getTeams(tims);