Button State

Пример простой кнопки


var buttonBootstrap2 = new BootstrapButton(null, {
    "title": 'Bootstrap Button 2',
    "titles": {
        "calm": "Bootstrap Button 2 - calm",
        "fire": "Bootstrap Button 2 - fire",
        "waiting": "Bootstrap Button 2 - waiting",
        "blocked": "Bootstrap Button 2 - blocked"
    },
    "owner": "#bootstrap-button-2",
    "defaultState": "BootstrapButtonStateCalm",
    "listener": {
        actionClick: function (B) {
            setTimeout(function(){
                B.setState( B.getStateCalm() );
            }, 2000)
        },
        actionMouseOver: function (B) { },
        actionMouseOut: function (B) { }
    }
});

Пример кнопки как плагин для jQuery

Button 3


$('#bootstrap-button-3').bs({
    "title": 'Bootstrap Button 3',
    "titles": {
        "calm": "Bootstrap Button 3 - calm",
        "fire": "Bootstrap Button 3 - fire",
        "waiting": "Bootstrap Button 3 - waiting",
        "blocked": "Bootstrap Button 3 - blocked"
    },
    "defaultState": "BootstrapButtonStateCalm",
    "listener": {
        actionClick: function (B) {
            setTimeout(function(){
                B.setState( B.getStateBlocked() );
            }, 2000)
        },
        actionMouseOver: function (B) { },
        actionMouseOut: function (B) { }
    }
})