[Resolvido] Elemento criado com .append() não Funciona Evento cli

[Felipe Augusto Romani 1]

Fala Pessoal, como vai! bora 2012 e muitas dúvidas pela frente =)

 

Galera, é o seguinte, Criei um script que quando você clica em um botão ele abre uma Modal, só que os Objetos dessa modal eu crio através dos Métodos .after() e .append() do Jquery.

 

Até ai tranquilo, o problema esta quando eu quero fechar estes objetos com o método .remove()

 

Quando clica no bortão sair o evento não funciona. Eu coloquei um evento .click() no botão sair.

 

Segue o código para vocês darem uma olhada.

 

$(document).ready(function(){

////////////////////////////////////////////////////////////////////////////////////
//         Carrega por Ajax o Regulamento do Circuito e mostra em uma Modal      //
//////////////////////////////////////////////////////////////////////////////////

$('#regulamento-modal').click(function(){
	//event.preventDefault();

	//Crias os Elementos que irão compor o Modal
	$(this).after('<div id="modal-mask"></div>');
	$(this).after('<div id="modal-conteudo"></div>');
	$('#modal-conteudo').append('<a id="fechar-modal">Fechar</a>');
	$('#modal-conteudo').append('<p id="modal-texto"></p>');


	//Pega o Tamanho da tela para centralizar o Modal
	var altura = ($(window).height()-400)/2;
	var largura =($(window).width()-600)/2;

	//Define o CSS dos elementos do Modal
	$('#modal-mask').css({
		'width':'100%',
		'height':'100%',
		'background-color':'#000',
		'position':'fixed',
		'top':'0px',
		'left':'0px',
		'opacity':'0.1',
		'filter':'alpha(opacity=10)'
	});

	$('#modal-mask').animate({
		'opacity':'0.6',
		'filter':'alpha(opacity=60)',
	},'slow');						

	$('#modal-conteudo').css({
		'width':'580px',
		'height':'380px',
		'background-color':'#006FBA',
		'border':'1px solid #00A4FF',
		'position':'fixed',
		'top':altura,
		'left':largura,
		'opacity':'0.0',
		'filter':'alpha(opacity=0)',
		'z-index':'200',
		'padding':'10px'
	});

	$('#modal-conteudo').animate({
		'opacity':'1.0',
		'filter':'alpha(opacity=100)',
	},'slow');

	$('#fechar-modal').css({
		'display':'block',
		'width':'60px',
		'height':'35px',
		'background-color':'#F15F27',
		'border':'1px solid #FFB9A4',
		'padding-top':'15px',
		'text-align':'center',
		'font-size':'13px',
		'font-weight':'bold',
		'color':'#FFF',
		'position':'absolute',
		'top':'-30px',
		'right':'-10px',
		'cursor':'pointer',
	});


	$('#modal-texto').css({
		'color':'#FFF',
		'width':'400px',
		'height':'360px',
		'margin':'0px auto',
		'overflow':'auto',
		'padding':'10px',
		'text-align':'justify',	
	});		

	//Carrega o Regulamento dentro da Modal		
	$.ajax({
	type:"GET",
	cache:false,
	url:"lib/ajaxSelectModRegulamento.php",
	data:"idEtp="+idEtapa,
	success:function(msg){
		$('#modal-texto').html(msg);
			}
	});

});

//Faz o Botão sair, fechar todas as telas do Modal
$('#fechar-modal').click(function(){
	$('#modal-texto').remove();
	$('#modal-conteudo').remove();
	$('#fechar-modal').remove();
	$('#modal-mask').remove();

});




});

 

 

Valeu Pessoal, agradeço desde já.

[William Bruno 1501]

leia esse texto que você vai entender:

 

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

[Felipe Augusto Romani 1]

Muito bom seu Artigo William! Agradeço muito pela resposta!

 

Valeu mesmo, PROBLEMA RESOLVIDO!

 

Abraços