ボタンの操作

BootstrapDialog.show({
  title: 'Manipulating Buttons',
  message: function(dialog) {
    var $content = $('<div><button class="btn btn-success">Revert button status right now.</button></div>');
    var $footerButton = dialog.getButton('btn-1');
    $content.find('button').click({$footerButton: $footerButton}, function(event) {
      event.data.$footerButton.enable();
      event.data.$footerButton.stopSpin();
      dialog.setClosable(true);
    });

    return $content;
  },
  buttons: [{
    id: 'btn-1',
    label: 'Click to disable and spin.',
    action: function(dialog) {
      var $button = this; // 'this' here is a jQuery object that wrapping the <button> DOM element.
      $button.disable();
      $button.spin();
      dialog.setClosable(false);
    }
  }]
});