3

私は、チームまたはユーザーベースの課題を作成できるサービスの作成に取り組んでいます。HTML 5仕様を使用してページをデザインしていると、別のページにあるドロップダウンリストに追加する際に少し問題が発生しました。主に他のページへのAJAX呼び出しを行うことにより、機能全体が2ページ以内に存在します。チームの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は#teamSelectdiv内に含まれています。どんな助けでも素晴らしいでしょう。

4

1 に答える 1

2

.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');
                        }
                    }
                });
于 2012-07-10T16:57:53.493 に答える