Problema pra enviar formulário sem refresh

[Sasuke Uchiha 0]

Meu problema é o seguinte, tenho em outras páginas a função submit e sempre rodou sem problemas, porém nessa página ela não está funcionando.

 

Acontece que estou tentando implantar em um site com plataforma pronta, então fiz meio que em gambiarras.

 

Segue meu código:

<link rel="stylesheet" type="text/css" href="/pagina/pop-up-style.css" />
<script type="text/javascript" src="/scripts/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){

	$('#form-email').submit(function(){

		var dados = $( this ).serialize();

		$.ajax({
			type: "POST",
			url: "acao/cadastro-pop-up?acao=inserir",
			data: dados,
			success: function( data )
			{
				$("#fundo-pop-up-captura-e-mail").css("display", "none");
				alert('Cadastro efetuado com sucesso! Seu cupom de desconto está disponível no seu e-mail.')
			}
		});
		
		return false;
		
	});

	$('#fechar').click(function(){
		
		$("#fundo-pop-up-captura-e-mail").css("display", "none");
		
		return false;
		
	});
	
	$('#fundo-pop-up-captura-e-mail').click(function(){
		
		$("#fundo-pop-up-captura-e-mail").css("display", "none");
		
		return false;
		
	});
	
	$(document).keyup(function(e) {
		
		if (e.keyCode == 27) {
		
		$("#fundo-pop-up-captura-e-mail").css("display", "none");
		
		return false;
		
		}
	});
	
	$('#pop-up-captura-e-mail').click(function(){
		
		return false;
		
	});

});
</script>

<div id="fundo-pop-up-captura-e-mail">
	<div id="pop-up-captura-e-mail">
		<a id="fechar" href="#"><img id="fechar-img" src="/imagens/pop-up/fechar.png" /></a>
		<div id="cartao">
			<img src="/imagens/pop-up/ticket.jpg" />
		</div>
		<div id="formulario">
			<p id="bem-vindo">Bem-vindo à Juicy Co.</p>
			<p id="convite">Deixe seu e-mail a baixo</p>
			<p id="convite-2">e ganhe esse super desconto para sua próxima<br />
			compra na loja virtual da Juicy Co. Aproveite!!</p>
			<form id="form-email" method="post"><input name="origem" type="hidden" value="pop-up-ganhar-25" />
				<p id="email">E-mail: <input id="email" name="email" type="text" value="<?php echo $email; ?>" size="35" /></p>
				<p id="submit"><input type="image" src="/imagens/pop-up/enviar.jpg" /></p>
			</form>
			<p id="regulamento">*O cupom é válido por 30 dias para compras acima de R$ 200,00</p>
		</div>
	</div>
</div>

A função está na linha 13 e o formulário está na linha 79. Alguém tem uma noção onde errei? A meu ver está tudo ok!

[William Bruno 1501]

Aperte Ctrl + Shift + J no Firefox ou Chrome e veja o que aparece no console de erros.

[Sasuke Uchiha 0]

Apresenta 2 erros, porém mesmo eu removendo todo esse código, o erro continua...

 

Da uma olhada em:

 

Primeiro acessa:

www.juicyco.com.br/cookie.php?pop=sim

 

Depois você vai ver a página em www.juicyco.com.br

 

 

Alguém? Executei vários teste e não identifiquei nada concreto, só pude perceber que quando eu removo o document ready, o formulário envia normalmente com php, incluindo novamente o document ready, não funciona de forma nenhuma

[William Bruno 1501]

Você trocou os IDs.. okay..

faça o seguinte:

 

	$('#....').submit(function(){
             console.log('Entrou no evento onsubmit');
		var dados = $( this ).serialize();

e veja se aparece esse console no ctrl + shift + j.

[Sasuke Uchiha 0]

Então, apenas usando a linha do console.log, não apresentou nenhum erro... mas trocando a ID por reticencias e usando o console.log, o erro foi conforme a imagem a seguir.

 

[Sasuke Uchiha 0]

Bastou remover as linhas

	$('#fundo-pop-up-captura-e-mail').click(function(){
		
		$("#fundo-pop-up-captura-e-mail").css("display", "none");
		
	});
	
	$('#pop-up-captura-e-mail').click(function(){
		
		return false;
		
	});