problema en objetos creados desde jquery

[rikimm]

tengo el siguiente codigo

Código JSON:

{"antro":[   
  { "id": "0", "nombre": "La Perla" }  
  ,  
  { "id": "1", "nombre": "Cantina Rio de la Plata" }  
  ,  
  { "id": "2", "nombre": "Lobby Lounge" }
  ,
  { "id": "3", "nombre": "Malecon" }  
  ,
  { "id": "4", "nombre": "Foro Alicia" }  
  ,
  { "id": "5", "nombre": "Avalon" }  
  ,
  { "id": "6", "nombre": "Lucille" }  
  ,
  { "id": "7", "nombre": "Jaoabese Room" }  
  ,
  { "id": "8", "nombre": "La Nacional" }  
  ,
  { "id": "9", "nombre": "Hyperbar" } 
    
]
 
,
 
"restaurantes":[
  { "id": "0", "nombre": "Samborns" }  
  ,  
  { "id": "1", "nombre": "Cantina Rio de la Plata" }  
  ,  
  { "id": "2", "nombre": "Lobby Lounge" }
  ,
  { "id": "3", "nombre": "Malecon" }  
  ,
  { "id": "4", "nombre": "Foro Alicia" }  
  ,
  { "id": "5", "nombre": "Avalon" }  
  ,
  { "id": "6", "nombre": "Lucille" }  
  ,
  { "id": "7", "nombre": "Jaoabese Room" }  
  ,
  { "id": "8", "nombre": "La Nacional" }  
  ,
  { "id": "9", "nombre": "Hyperbar" } 
]}
 

Código Jquery:

$(document).ready(function(){
   $(".cmR").click(cmR)
   $(".cmA").click(cmA)
  $("#cmRD").click(cmrd)
   
});
function cmrd(){
    
    alert("hola ")
}
 
function cmR(){
    /*$("#catalogo").css("display","none")*/
    /*$("#date_RA").fadeIn();*/
    $(".clp").remove();
    $.ajax({
        url:'js/catalogo.json',
        data:{id:0},
        type:"GET",
        dataType:"json",
        success:function(json){
            for (i=0; i < json.antro.length; i++)  
    {  
        
            $(".cl").append("<p class='clp'><a href='#"+json.antro[i].nombre+"' class='cmRD' id='cmRD'>" +json.antro[i].nombre+"</a> </p>");
            
            
    }  
            
            
            },
            error:function(xhr,status){
                alert("no se ejecuto");
                },      
        });
    }
function cmA(){
    /*$("#catalogo").css("display","none")*/
    /*$("#date_RA").fadeIn();*/
    $(".clp").remove();
    $.ajax({
        url:'js/catalogo.json',
        data:{id:0},
        type:"GET",
        dataType:"json",
        success:function(json){
            for (i=0; i < json.restaurantes.length; i++)  
    {  
        
            $(".cl").append("<p class='clp'><a href='#"+json.restaurantes[i].nombre+"' class='cmRD' id='cmRD'>" +json.restaurantes[i].nombre+"</a> </p>");
            
            
    }  
            
            
            },
            error:function(xhr,status){
                alert("no se ejecuto");
                },      
        });
 
    }
 

Les voy a explicar mi problema cuando yo hago click en dos funciones lo que hace es mandarle la lista del archivo json que crea unas etiquetas P, para poner la lista que tengo en json y a la ves le puse id classe y sobre una url ,para que de ahi tome el valor y agarrar informacion en otro archivo json, lo que quise hacer fue hacer una alert ,para ver si tomaba el valor de los objetos creados pero cuando le doy click en el objeto creado no hace nada que es la funcion cmrd.

cual es el problema que tengo ?

[MCF]

pues te falta el ; en los click y en el alert, pero puedes poner el codigo html ?

[rikimm]

es que el html no tiene tanta importancia ya que crea los objetos en un div de la cual los objetos creados en el div por medio del evento ajax, cuando le doy click en los objetos creados ,no hace la funcion de mandar un alert ni nada como que no lee esos objetos el archivo jquery .

Aqui es donde se crean los nuevos objetos

Código HTML:

<article id="catalogo">
          <div class="cm">
            <div class="etiquetas"><a href="#" class="cmR"><h2>Restaurantes</h2></a></div>
            <div class="etiquetas"><a href="#" class="cmA"><h2>Antros</h2></a></div>
         </div>
    <div class="cl"></div>
    </article>
 

[MCF]

ook, porque no intentas haciendolo de esta forma:

Código Javascript:

...
 
$(".cl").append("<p>").addClass("clp").append("<a>").attr("href","#"+json.restaurantes[i].nombre).addClass("cmRD").attr("id","cmRD").text(json.restaurantes[i].nombre);
 
...
 

aunque puede que me haya confundido en algo por tantas funciones jaja pero tumben podría recomendarte (creo yo que es mejor al ser tanto) separando todo:

Código Javascript:

...
 
$(".cl").append("<p>").addClass("clp");
 
$(".clp").append("<a>").attr("href","#"+json.restaurantes[i].nombre).addClass("cmRD").attr("id","cmRD");
 
("#cmRD").text(json.restaurantes[i].nombre);
 
...
 

supongo q así podría funcionar mejor