A variável role
recebe um novo valor em cada Loop
, quando ela está dentro do $.getJSON
ela pega o segundo valor do array e não muda mais. Há dois console.log();
no código, coloquei o retorno deles ao lado do mesmo. Alguém sabe a causa disso e como me desfazer desse cenário indesejável?
$(document).ready(function() {
var emails = ["[email protected]", "[email protected]"],
TeamRole = ["founder", "manager"],
hashMail;
for (var i=0 ; i < emails.length ; i++){
hashMail = "http://www.gravatar.com/" + md5(emails[i].toLowerCase().trim()) + ".json?callback=?";
role = TeamRole[i];
console.log(role); // > founder > manager
$.getJSON(hashMail, function (data) {
console.log(role); // > manager > manager
$("#profile-container").append(
"<div>" +
"<img src='" + data.entry[0].thumbnailUrl + "?s=200>" +
"<p>" + data.entry[0].displayName + "</p>" +
"<p>" + self.role + "</p>" +
"<p>" + data.entry[0].aboutMe + "</p>" +
"</div>";
);
});
};
});