Question

我正致力于创建一项服务，让您可以创建基于团队或用户的挑战。使用HTML 5规范来设计页面，我遇到了一个问题，附加到另一个页面中的下拉列表。整个功能都在两页内，主要是通过对其他页面进行AJAX调用。有一个小功能可以将团队的2个属性附加到下拉列表中，但我似乎无法让它正常工作。

代码：

var teams = $.parseJSON(getAllTeams());
    $('#multiPurpose').load('allTeams2.html #teamSelect');
    for (i = 0; i < teams.length; i++) {
        var team = $.parseJSON(getTeam(teams[i]));
        if (team.ownerID === userID) {
            $(
                    "<option value='" + team.teamID + "'>" + team.teamName
                            + "</option>").appendTo('#teamSelection');
        }
    }
}

#teamSelection包含在#teamSelect div中。任何帮助都会很棒。

Answer 1

在.load（）中添加回调函数将解决问题。基本上，你告诉它在运行for循环之前加载该div中的所有内容。

$('#multiPurpose').load(
    'allTeams2.html #teamSelect',
    function() {
    for (i = 0; i < teams.length; i++) {
    var team = $.parseJSON(getTeam(teams[i]));
    if (team.ownerID === userID) {
    $(
    "<option value='" + team.teamID + "'>"
                                            + team.teamName + "</option>")
                                    .appendTo('#teamSelection');
                        }
                    }
                });

如何附加到另一个页面上的选择下拉列表？

1 个答案: