Erro macabro .done is not a function
Olá amigos,
Tenho o seguinte codigo
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Xtart</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
var url = "http://xt.art.br/br.art.xt.xtart/API/";
$("#news").html("");
var mostrados = 5;
$.getJSON(url, function(data) {
$.each(data.members, function(i, user) {
var tblRow = "<div class='posts' style='background-image: url(" + user.guid + "?zoom=2&resize=640%2C360);'>" + "<input type='hidden' value='" + user.ID + "'/>" + "<div class='post_title'><div>" + user.post_title + "</div></div>" + "</div>";
$(tblRow).hide().appendTo("#news");
}).done(function() {
var filhos = $('#news').children('.posts');
for (var i = 0; i < mostrados; i++) {
filhos[i].className = "posts show";
}
$(window).scroll(function() {
if($(this).scrollTop() + $(this).height() === $(document).height()) {
var mostradosAntes = mostrados;
mostrados += 5;
var filhos = $('#news').children('.posts');
for (var i = mostradosAntes; i < mostrados; i++) {
filhos[i].className = "posts show";
}
}
});
});
});
});
</script>
<style type="text/css">
#news {
float: left;
width: 100%;
}
.posts {
float: left;
width: 100%;
height: 200px;
margin-bottom: 10px;
background-position: center;
background-size: cover;
}
.post_title {
margin-top: 120px;
height: 80px;
background-image: url(bg_post_title.png);
background-repeat: repeat;
}
.post_title div {
color: #FFFFFF !important;
padding: 2px;
text-transform: uppercase;
text-shadow: 1px 1px #444
}
.show {
display: block;
}
.hide {
display: none;
}
</style>
</head>
<body>
<div id="news"></div>
</body>
</html>
Ele tem a funcão de resgatar valores json em uma api e me trazer os resultados, porém está ocorrendo o segi>
Citar
Uncaught TypeError: $.each(...).done is not a function (Linha 16)
Já verifiquei tudo e simplesmente não consigo ver aonde está o erro, se tiver alguém ai com zoi de águia e puder me ajudar, obrigado.Discussão (4)
Carregando comentários...