Bootstrap onClick button event

Question

This seems a silly question but just got bootstrap and it doesn't gives any examples on the website about adding a Javascript callback to a button...

Tried setting my button an id flag and then

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

I want to add a callback to Rectangle button...

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

cant get the point of bootstrap callbacks.

All I could found on the web is oriented to Rails + Bootstrap... no bootstrap and JS only.

Answer 1

There is no show event in js - you need to bind your button either to the click event:

$('#id').on('click', function (e) {       //your awesome code here  }) 

Mind that if your button is inside a form, you may prefer to bind the whole form to the submit event.