Bootstrap onClick button event

javascript, jquery-events

Solution

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.

Problem

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.

Original source

Related problems