今天又來幫 Twitter Bootstrap 的 Modal 做個易用改造。

• 可傳入 message, header
• 可綁定兩個 button 事件及 顯示字串

/**
 * Modal HTML must be setting first, default ID is 'alert'....
 * Reference: http://twitter.github.com/bootstrap/javascript.html#modals
 */ 
// Modal setting
var opt = {
  'message': '', // Message context {string} (Must have)
  'header': '', // Header title {string} (Must have)
  'submit': { // Submit button object (Optional)
    'text': '', // Button face {string} If text is set, function will be set too.
    'click': function () // Button click event
  },
  'cancel': { //Cancel button object (Optional)
    'text': '', //Button face {string} If text is set, function will be set too.
    'click': function () // Button click event
  }
};
// Call modal
Modal.show(opt);

備註: Modal 在 jsFiddle 的 hidden 似乎有問題，本機測試過是不會有關不起來的情形。

jsFiddle