[SOLUCIONADO] Jquery no detecta evento click

[vick90]

Buenas a todos como lo dice el titulo jquery no me dectecta el evento click de un boton a continuacion les pongo el code

Código Javascript:

$(document).on("ready", function(){
    console.log("Jquery Cargado completamenta");
    $("#btnGuardarCan").on("click",function(){
 
        fo=$("#txtFolio").val();        
        url="tabla=canasta&accion=guardar&seccion=detalle&"+$("#frmBusq").serialize()+"&folio="+fo;
 
        $.post("../electronica/operaciones.php",url,function(){})
 
        .done(function(){
            alert("Insercion satisfactorio");
        })
 
        .error(function(){
                alert("Hubo un error verficiar datos");
            });
        //return url;  
        calSub();
    });
 
$("table#resCan tr").on("click",function(){
    alert("Has hecho clic en una de las filas")
});
//Cierre del principal
});
 

y este es el bton

Código HTML:

<input type="submit" value=" Guardar" id="btnGuardarCan">
 

N

[thorstorm]

Voy a suponer que este input:

Código HTML:

<input type="submit" value=" Guardar" id="btnGuardarCan">
 

forma parte de un <form>, por lo que, por defecto, ese <input> que mencionas debe ejecutar el envío de información de la manera en la que la hayas especificado en los atributos del <form>.

Prueba a usar esto:

Código HTML:

$("#btnGuardarCan").on("click",function(){
 event.preventDefault();//<<-------------------------------------------------------------------------
        fo=$("#txtFolio").val();        
        url="tabla=canasta&accion=guardar&seccion=detalle&"+$("#frmBusq").serialize()+"&folio="+fo;
 
        $.post("../electronica/operaciones.php",url,function(){})
 
        .done(function(){
            alert("Insercion satisfactorio");
        })
 
        .error(function(){
                alert("Hubo un error verficiar datos");
            });
        //return url;  
        calSub();
    });
 

[Trublux]

Al ser el envío de un formulario yo usaría el evento "submit" en vez de "click".

[vick90]

Lo acabo de cambiar pero tampoco me funciona no se en donde este el error

Código Javascript:

$("#frmBusq").on("submit",function(event){
        
        event.preventDefault();
        alert("Enviar form");
 

[vick90]

La pagina en donde estoy usando el script se carga mendiante ajax o eso tiene que ver algo ?

[thorstorm]

Lo mas seguro es que el error esté en esta parte:

Código HTML:

url="tabla=canasta&accion=guardar&seccion=detalle&"+$("#frmBusq").serialize()+"&folio="+fo;
 
        $.post("../electronica/operaciones.php",url,function(){})
 
        .done(function(){
            alert("Insercion satisfactorio");
        })
 
        .error(function(){
                alert("Hubo un error verficiar datos");
            });
 

Prueba a ir desactivando partes del código para aislar el error.

[vick90]

Es que no detecta el evento le coloque lo siguiente para q me imprima un alert pero no lo hace o sea no esta entrando al evento

Código Javascript:

$("#frmBusq").on("submit",function(event){        
        event.preventDefault();
        alert("Enviar form");
 

pero cuando inserto el codidgo en una funcion y con el onclick del boton invoco la funcion entonces si lo hace sin ningun problema

[thorstorm]

Has cambiado el id al que aplicas el evento 'submit', debería ser asi:

Código Javascript:

$("#btnGuardarCan").on("submit",function(event){        
        event.preventDefault();
        alert("Enviar form");
}
 

[vick90]

Gracias compañero
Saludos

[thorstorm]

De nada, espero que te sea de ayuda. De todos modos, he puesto una pregunta hace unas horas y seria de gran ayuda si le echaras un vistazo y me dijeras si tienes alguna idea de cómo solucionarlo, o como mínimo, ya que veo que llevas tiempo usando este foro, hacerle llegar a alguien que pueda saber la respuesta. Lo apreciaría mucho.

Gracias pro adelantado

[thorstorm]

Se me olvidaba ponerte el enlace para que puedas localizar la pregunta:
http://www.forosdelweb.com/f179/validacion-valores-devueltos-por-ajax-mediante-onblur-1074099/

Gracias!