.click em um listagem via json

[FranJun 0]

Bom dia pesso..

 

Estou tento problema em clicar numa lista retornada via json, com o .click, queria que abrisse um lightbox eu fiz um script que aparentemente teria que funcionar, mais não consigo saber o que está de errado no que eu tinha feito

 

setTimeout(function(){
            $fj.ajax({
                url: ''+ urlSite +'/intranet/admin-noticia/js/Ajax/comentario.php', data: {valor: idNot},
                dataType: 'json',
                type: 'POST',
                beforeSend: function(){ carrComent.show(); },
                complete: function(){ carrComent.hide(); },
                success: function(j){
                                var htmlD = '';
                                if(j.length > 0){
                                    for(var e = 0; e < j.length; e++){
                                        switch(j[e].status){
                                            case 'sim': var stu = 'style="border: 1px solid #c1eacf; background: #e7ffef;"'; break;
                                            case 'espera': var stu = 'style="border: 1px solid #ffe187; background: #fff4d5;"'; break;
                                            case 'nao': var stu = 'style="border: 1px solid #ffc3b4; background: #ffded6;"'; break;
                                        }
                                        htmlD += '<div class="linha" '+stu+' rel="'+j[e].idComentariosNoticias+'">';
                                            htmlD += '<div class="nome"><strong>Nome:</strong> '+j[e].nome+'</div>';
                                            htmlD += '<div class="data"><strong>Data:</strong> '+j[e].data+'</div>';
                                            htmlD += '<div class="mensagem"><strong>Comentário:</strong><br /><p>'+j[e].comentario+'</p></div>';
                                            htmlD += '<div class="acao">';
                                                htmlD += '<strong>Status:</strong>';    
                                                htmlD += '<img src="../ico/ico-liberado-comentario.png" width="12" height="12" alt="Liberado" title="Liberado" />';
                                                htmlD += '<img src="../ico/ico-espera-comentario.png" width="12" height="12" alt="Em espera" title="Em espera" />';
                                                htmlD += '<img src="../ico/ico-lembrete-comentario.png" width="12" height="12" alt="Não visualizar" title="Não visualizar" />';
                                                htmlD += '<img src="../ico/ico-excluir-comentario.png" width="12" height="12" alt="Excluir" title="Excluir" />';
                                            htmlD += '</div>';
                                            htmlD += '<div class="brResposta"><< Responder >></div>';
                                        htmlD += '</div>';                                                                
                                    }
                                }else{
                                        htmlD += '<div id="avisoComent">Selecione um notícia com comentários, para visualizá-las</div>';                                    
                                }
                                contComent.empty().append(htmlD);
                                contComent.mCustomScrollbar({
                                    scrollButtons:{ enable:true    },
                                    theme:"dark-thick",        
                                });
                         }
            });
        }, 300);

esse seria o carinha que imaginava que fosse abrir

 

	$fj(".brResposta").click(function(){
		$fj.colorbox({width:"500px", height:"400px", iframe:true, href: function(){
			return 'resposta-comentario.php?coment='+idComent;
		}});
	});	

Espero que tenhão entendido minha duvida...

[Lucas Guima 164]

Algum erro?

[William Bruno 1501]

Leia:

 

http://wbruno.com.br/jquery/metodo-live-jquery/

[FranJun 0]

Não mostra nenhum erro..

Não estou conseguindo com o .live por que será

[William Bruno 1501]

Qual versão do jQuery vc está usando ?

[FranJun 0]

Estou utilizando jquery-1.9.1

[William Bruno 1501]

o .live() foi removido no jQuery 1.9

 

https://api.jquery.com/live/

 

agora vc deve usar o on no estilo delegate

 

No lugar de:

$fj(".brResposta").click(function(){

usar:

$fj("#ID_DO_CONTAINER").on("click", ".brResposta", function(){

Troque o #ID_DO_CONTAINER pelo elemento correspondente no teu html.

[FranJun 0]

Funcionou muito obrigado William Bruno....