Ir para conteúdo
Sara Alves

Erro macabro .done is not a function

Recommended Posts

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

Obrigado amigo, fiz a mudança e o erro no depurador parou, porém o script não esta me mostrando os resultados, poderia me dar um auxilio do porque não estou recebendo os resultados? aonde pode está o erro, obrigado.

ficou assim

 

<!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>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Bruno123
      Olá, estou com uma dúvida na hora  de retornar se o número é primo ou não, poderiam me ajudar por gentileza ? Obrigado !
      <!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title></title> </head> <body> <script src="javascript.js"></script> </body> </html> 'use strict' let num = prompt("Insira um número:"); let c = 0; for (i = 1; i <= num; i++) { if (num % i == 0) { c++; } } if (c == 2) { alert ("É PRIMO") } else { alert("NÃO É PRIMO") }  
    • Por user32
      Olá pessoal,
      sempre fui um curioso na programação e agora estou começando entender o javascript.
       
      edit:
      como eu consiguiria fazer a variavel buscar alem de 9... como numeros como 10-20, 20-30 ?
      toda ajuda é bem vinda, desde já agradeço
       
       
      <script type="text/javascript"> function funcao1() { var num1 = Number(document.getElementById("num1").value); var elemResult = document.getElementById("total"); var d90 = /[0-3]/; var d80 = /[4-5]/; var d70 = /[6-9]/; if (d90.test(num1)) { elemResult.innerText = String(num1 * "1") + "."; } else if (d80.test(num1)) { elemResult.innerText = String(num1 * "2") + "."; } else if (d70.test(num1)) { elemResult.innerText = String(num1 * "3") + "."; } else { // IE elemResult.innerText = String(num1 * "5") + "."; } } </script>  
    • Por clickanapolis
      Bom dia, no meu site coloquei ao clicar no link ele vai para uma div dentro da propria pagina, visto que a mesma e uma unica pagina.
       
      O problema é que quando clica no link ele esta parando fora do inicio da div, o que devo fazer?
       
      <script type="text/javascript"> jQuery(document).ready(function ($) { $(".scroll").click(function (event) { event.preventDefault(); $('html,body').animate({ scrollTop: $(this.hash).offset().top }, 1000); }); }); </script> e chamo o link assim:
       
      <li><a href="#acimetech" class="scroll">A Cimetech</a></li>  
    • Por Kelven
      Galera to enfrentando um problema, no meu tumblr to querendo colocar o popup de newsletter do Mailchimp, até ai tudo bem, é pra funcionar que nem no script abaixo, porém esse script só funciona se eu excluir aquela parte que está marcada, porém se eu excluir ela o tema do tumblr não funciona como deveria em celulares. Alguém sabe me dizer que tipo de conflito é esse e como posso resolver???
      <script type='text/javascript' src='http://space.fitterbiz.com/wp-includes/js/wp-embed.min.js?ver=4.9.10'></script> <script type="text/javascript" src="//downloads.mailchimp.com/js/signup-forms/popup/embed.js" data-dojo-config="usePlainJson: true, isDebug: false"></script> <script> function showMailingPopUp() { require( ["mojo/signup-forms/Loader"], function(L) { L.start({"baseUrl":"mc.us14.list-manage.com","uuid":"7f359a9e538573b27c9e39820","lid":"e64535f817"}) } ); document.cookie = 'MCPopupClosed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; document.cookie = 'MCPopupSubscribed=;path=/;expires=Thu, 01 Jan 1970 00:00:00 UTC;'; } document.getElementById("open-popup").onclick = function() {showMailingPopUp()}; </script> <a onclick="showMailingPopUp(); return false;" id="open-popup" style="cursor:pointer">Subscribe!</a> <!-- quando coloco isso não funciona --> <script src="https://static.tumblr.com/xlsgtjb/mt5o305mz/scripts.min.js" charset="UTF-8"></script> <!-- quando coloco isso não funciona -->
    • Por Kelven
      Olá pessoal tudo bem?
       
      Então eu quero colocar um formulário de newsletter em um servidor q não tem suporte para php, o negócio é q depois que a pessoa clica em se cadastrar eu quero que ela seja redirecionada para outro site, então gostaria de saber como posso estar fazendo isso usando apenas javascript, jquery ou ajax com o API do Mailchimp? Porque já procurei muito e não achei, só achei em php.
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.