2010-12-01 14 views
86

Necesito tener un botón y manejar su evento en jQuery. Y estoy escribiendo este código pero no funciona. ¿Me he perdido algo?Cómo tocar el botón Haz clic en Eventos en jQuery?

<!-- Begin Button --> 
<div class="demo"> 
<br> <br> <br> 
<input id = "btnSubmit" type="submit" value="Release"/> 
<br> <br> <br> 
</div> 
<!-- End Button --> 

Y en el archivo JavaScript

function btnClick() 
{ 
    // button click 
    $("#btnSubmit").button().click(function(){ 
     alert("button"); 
    });  
} 
+1

¿Por qué no echar un vistazo de la función que encierra 'btnClick'? No veo qué agrega – CodyBugstein

Respuesta

171

Tienes que poner el controlador de eventos en el $ (document) ready() evento:

$(document).ready(function() { 
    $("#btnSubmit").click(function(){ 
     alert("button"); 
    }); 
}); 
5
$("#btnSubmit").click(function(){ 
     alert("button"); 
    });  
1

<script type="text/javascript"> 

    $(document).ready(function() { 

    $("#Button1").click(function() { 

     alert("hello"); 

    }); 

    } 
    ); 

</script> 
0

funciona para mí

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> 
<script type="text/javascript"> 

$("#btn").click(function() { 
    alert("email") 
}); 

</script> 
20
$(document).ready(function(){ 

    $('your selector').bind("click",function(){ 
      // your statements; 
    }); 

    // you can use the above or the one shown below 

    $('your selector').click(function(e){ 
     e.preventDefault(); 
     // your statements; 
    }); 


}); 
+4

Bueno porque es el único que inserta el preventDefault() – Gabrer

+10

A partir de jQuery 1.7, el método '.on()' es el método preferido para adjuntar manejadores de eventos a un documento. Por lo tanto, esto sería mejor: '$ ('su selector'). On (" click ", ...);' – Tinynumbers

3
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> 

<script> 
$(document).ready(function(){ 
    $("#button").click(function(){ 
    alert("Hello"); 
    }); 
}); 
</script> 

<input type="button" id="button" value="Click me"> 
1
$('#btnSubmit').click(function(event){ 
    alert("Button Clicked"); 
}); 

o como usted está utilizando botón de enviar para que pueda escribir el código en caso de validación del formulario como

$('#myForm').validate(function(){ 
    alert("Hello World!!"); 
}); 
3
$('#btnSubmit').click(function(){ 
    alert("button"); 
}); 

o

//Use this code if button is appended in the DOM 
$(document).on('click','#btnSubmit',function(){ 
    alert("button"); 
}); 

Véase la documentación para obtener más información:
https://api.jquery.com/click/

Cuestiones relacionadas