2012-08-22 25 views
15

Questa sembra una domanda stupida, ma appena ricevuto bootstrap e doesnt dà alcun esempio sul sito web di aggiungere una callback Javascript a un pulsante ...Bootstrap onclick evento

provato a installare il mio tasto una bandiera id e poi

<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> 

voglio aggiungere un callback per pulsante di rettangolo ...

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

non può ottenere il punto di callback bootstrap.

Tutto quello che ho trovato sul web è orientato a Rails + Bootstrap ... non solo bootstrap e solo JS.

+0

Ti spiace anche includere il codice html per il tuo pulsante, per favore? – surjikal

risposta

40

Non c'è show evento in js - è necessario vincolare il proprio tasto sia al click evento:

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

    //your awesome code here 

}) 

presente che se il pulsante è all'interno di un form, è preferibile legare l'intero modulo per l'evento submit.

+0

Ancora non funziona .. Ho questo pulsante: all'interno di un gruppo btn e il codice è $ ('# rectButton'). On ('clic', funzione (e) {// MY CODE}); – JuanCB

+1

Basta copiare il tuo ultimo codice, perfettamente funzionante [qui] (http://jsfiddle.net/JUfBv/). In ogni caso bootstrap è solo una presentazione, niente da fare con js [oltre a qualche piccolo plugin opzionale]. – moonwave99

+0

non funziona per me ... Non so cosa mi manca ... Devo includere qualcos'altro? – JuanCB