JQUERY LOAD problema raro

[luisalberti]

Soy nuevo en ajax y jquery y creo que esto no está bien aunque me funciona perfectamente. Me explico, cuando hago click abajo el id=\"boton\" funciona perfectamente en #consulta se actualiza. También cuando hago click en id=\"fecha_unica\" me funciona perfectamente. Ahora viene la duda,
si hago click en id=\"fecha_unica\" sin antes hacer click en id=\"boton\".

Al cargar la página:

Hago click en id=\"boton\" y luego en id=\"fecha_unica\" . Y funciona ok

Hago click en id=\"fecha_unica\" solo y no funciona.


Si alguién me puede ayudar ya que estoy medio liadillo con esto. Muchas Gracias



<!-- ACTUALIZAR CAPA-->
$(document).ready(function() {


$("#boton").click(function(event) {
$("#consulta").load('index.php?p=reservas');
});

$("#fecha_unica").click(function(event) {
$("#consulta").load('index.php?p=reservas&c=' + $("#date").val());
});



});

echo "<button type=\"submit\" id=\"fecha_unica\" class=\"btn\">".BUSCAR."</button>";
echo "<i id=\"boton\" class=\"icon-refresh\"></i></a></div>";

[fhederico]

Hola,

mmmm el tipo "fecha_unica", envia el formulario, podrias o cambiarle el tipo y que al hacer click, despues de que cargue el load envie el formulario, o que simplemente no lo envie.

Lo otro, ocupa las etiquetas para encerrar tu codigo, asi es mas facil leerlo

Saludos

[luisalberti]

OK, al hacer click no funciona pero me diste una idea y con onsubmit lo solucione. Muchas Gracias

echo "<form class=\"form-search\" onsubmit=\"consulta(); return false\">";

Código Javascript:

function consulta(){
    
       $(document).ready(function() {
                
           
                $("#fecha_unica").click(function(event) {
                    $("#consulta").load('index.php?p=reservas&c=' + $("#date").val());
                });
           
           
           
            });
            
       }
 

[fhederico]

Perfecto, favor marcar como solucionado, gracias.

Saludos