上次創建的導航欄按鈕中沒有列表項。使用我自己的功能

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);