Skip to main content

¿como puedo hacer que al traer una tabla de forma dinamica por ajax, me siga respetando el dobleclick de JavaScript sobre la tabla

Cuando carga la pagina se muestra una tabla, a esta tabla al dar doble click sobre un registro se abre un modal con una grafica, hasta ahi funciona correcto pero cuando por medio de una lista desplegable que igual me manda atraer otros resultados mediante ajax y se muestra en la pagina.. al dar doble click sobre uno de los nuevos registros ya no me ejecuta el doble click para abrir el modal ¿Como podria hacer que el javaScript que abre el modal se abra con los nuevos registros cargados?

Soy nuevo en esto y realmente estoy atorado con esto. Gracias por quien se tome un momento para tratar de aclararme esto.

Este es el codigo de la tabla que carga enal principio en la pagina inicial.

Tabla:

 <tbody id="contenedora">                   
<?php
$conn = oci_connect("SYSTEM","Seguridad123","localhost/orcl");
$stid = oci_parse($conn, 'SELECT  IDCONTRATO,ANIOQNA,EDO,RFC,PUESTO,CURP,NOMBRE,
"2013_01","2013_02","2013_03","2013_04","2013_05","2013_06",
"2013_07","2013_08","2013_09","2013_10", QNACON FROM CONTRATOS WHERE rownum <= 15');
oci_execute($stid);

  while ($fila = oci_fetch_array($stid, OCI_BOTH+OCI_RETURN_NULLS)) {
        echo"<tr>";
echo "<td>".$fila['ANIOQNA']."</td>"."<td>".$fila['EDO']."</td>"."<td>".$fila['RFC']."</td>"."<td>".$fila['PUESTO'] ."</td>".
     "<td>".$fila['CURP']."</td>"."<td valor='$fila[IDCONTRATO]' class='click'>".$fila['NOMBRE']."</td>".
    "<td>".$fila['2013_01']."</td>"."<td>".$fila['2013_02']."</td>".
    "<td>".$fila['2013_03']."</td>"."<td>".$fila['2013_04']."</td>"."<td>".$fila['2013_05']."</td>"."<td>".$fila['2013_06']."</td>".
    "<td>".$fila['2013_07']."</td>"."<td>".$fila['2013_08']."</td>"."<td>".$fila['2013_09']."</td>"."<td>".$fila['2013_10']."</td>";
    echo "</tr>\n";
}
  ?>
 </tbody>

Lista desplegable:

<script src="js/jquery-2.1.1.js"></script>
<script>
 jQuery.noConflict();
(function($) {
     $(document).ready(function(){
        $('#anio').change(function(){
     var url = "aniocon.php";                                     
        $.ajax({                        
            type: "GET",                 
           url: url,                    
           data:$("#anio").serialize(),
           success: function(data)            
           {
             $("tbody").html(data);           
           }
         });

      });
    });
        })(jQuery);
</script>

JavaScript que me abre mi modal al dar doble click:

 <script>
 //ventana modal 
//Clase click
//datavalor=recoge el valor de la variable

$(".click").dblclick(function() {
      var parametros = $(this).attr("valor");
      alert(parametros);
      $('#myModal').show();
      $.ajax({
                data:   {parametros:parametros},
                url:   'grafica.php',
                type:  'GET',
                beforeSend: function () {
                        $("#resultado").html("<h2>Procesando, espere por favor...</h2>");
                },
                success:  function (response) {
                        $("#resultado").html(response);
                }
        });
     }); 
 }); 
user51516