2012-08-22 24 views
15

Esto parece una pregunta tonta, pero acaba de arranque y es imposible da ningún ejemplo en el sitio web sobre la adición de una devolución de llamada Javascript a un botón ...Bootstrap onClick evento de botón

intentado fijar mi botón de una bandera Identificación y luego

<div class="btn-group"> 
    <button id="rectButton" class="btn">Rectangle</button> 
    <button class="btn">Circle</button> 
    <button class="btn">Triangle</button> 
    <button class="btn">Line</button> 
    <button class="btn">Curve</button> 
    <button class="btn">Pic</button> 
    <button class="btn">Text</button> 
    <button class="btn">Gradient</button> 
</div> 

Quiero añadir una devolución de llamada al botón Rectángulo ...

$('#rectButton').on('show', function (e) { 
    //ACTION 
}) 

no puede conseguir el punto de devoluciones de llamada de rutina de carga.

Todo lo que encontré en la web está orientado a Rails + Bootstrap ... no solo bootstrap y JS.

+0

¿Te importa incluir el código html para tu botón, por favor? – surjikal

Respuesta

40

No hay show evento en js - que necesita vincular el botón o bien a la click evento:

$('#id').on('click', function (e) { 

    //your awesome code here 

}) 

cuenta que si el botón está dentro de un form, es posible que prefiera para unir todo el formulario para el evento submit.

+0

Todavía no funciona ... Tengo este botón: dentro de un grupo btn y el código es $ ('# rectButton'). On ('clic', función (e) {// MI CÓDIGO}); – JuanCB

+1

Simplemente copiando su último código, funcionando perfectamente [aquí] (http://jsfiddle.net/JUfBv/). De todos modos, bootstrap es solo cuestión de presentación, nada que ver con js [además de un pequeño plugin opcional]. – moonwave99

+0

no me funciona ... No sé lo que me estoy perdiendo ... ¿Debo incluir algo más? – JuanCB