[Resolvido] jQuery click de botão em página carregada via ajax

[Spyder.RV 0]

Bom dia pessoal.

 

Carreguei uma página via jquery, nela tem um botão, cujo evento click está previsto no meu script ... porém ao clicar nada ocorre. Alguem sabe o que ocorre?

 

Seguem os códigos

 

index.php

<input type="button" value="Recado" id="btn_recado" /><br />
<div id="recado"></div>

 

form_recado.html

<form name="frmRecado" id="frmRecado" method="post" action="includes/cad_recado.php">
<input type="button" value="Enviar" id="btnEnviarRecado" style="float:right; margin-right:180px;" /><br />
</form>

 

 

jQuery

$("#btn_recado").click(function(){
$("#recado").load('form_recado.html', function(){
	$('div.carregando').hide();
});
});

$("#btnEnviarRecado").click(function(){
alert("Envia recado");
}

[William Bruno 1501]

Aparece algo no console ? Ctrl+Shif+J ?

 

corrija.

[Spyder.RV 0]

Willian... aparece sim várias mensagens, erros e avisos relacionados a CSS, porém nada aparece falando sbre o erro em questão... não há referência às páginas form_recado.html, index.php ou até mesmo de erro no script.

 

Pensei que fosse por questão de bloquio de scripts em páginas carregadas via ajax e adicionei o uma tag script com um alert no começo do form_recado.html e o mesmo após ser carregado executa, ou seja, problema de bloqueio de script não é.

[Ted k' 126]

Coloque assim:

 

$(function(){
$("#btn_recado").click(function(){
       $("#recado").load('form_recado.html', function(){
               $('div.carregando').hide();
       });
});

$("#btnEnviarRecado").click(function(){
       alert("Envia recado");
}
});

[Spyder.RV 0]

Opa... foi mal... já estava dentro do

 

$(function(){
...
});

[William Bruno 1501]

pensa assim cara, se você ta trazendo o form com ajax, então esse id não existia ao documento, portanto não teve o evento atrelado.

 

este é o problema. Entenda lendo:

http://wbruno.com.br/blog/2011/03/18/metodo-live-jquery/

 

Qnto aos outros erros, simplesmente os corrija. Nunca é bom ter erro. E um pode acabar interferindo em outro lugar.

http://wbruno.com.br/blog/2011/04/25/entendendo-erros-validador-css-w3c/

[Spyder.RV 0]

Willian, valeu... o live deu certinho...

 

Quanto aos outros erros que mencionei vão ser corrigidos mesmo... cada um as eu tempo. rs...