關於Messenger 彈窗的文檔及詳細的說明請參考 Messenger官網，這時只介紹 Messenger 彈窗的使用
messenger依賴與jquery和Backbone.js，可以和 Bootstrap 完美結合，但Bootstrap 並不是必需的
１.首先要引用 css 文件，一個是全局的css文件即 messenger.css， 一個是 主題風格的樣式文件 messenger-theme-future.css
<link href="/Content/scripts/messenger/messenger.css" rel="stylesheet" />
<link href="/Content/scripts/messenger/messenger-theme-ice.css" rel="stylesheet" />
２.引入 js 文件,與css 一樣，一個是全局的js,即 messenger.min.js, 一個是主題樣式 js ，messenger-theme-future.js，
<script src="/Content/scripts/messenger/messenger.min.js" type="text/javascript"></script>
<script src="/Content/scripts/messenger/messenger-theme-future.js" type="text/javascript"></script>
3.文件引入好后，開始配置彈窗的主題，及彈窗出現在頁面上的位置
- 有四種主題可選,彈出框有6個位置可供選擇
- Future 對應 messenger-theme-future.css
- Block 對應 messenger-theme-block.css
- Air 對應 messenger-theme-air.css
- Ice 對應 messenger-theme-ice.css
$._messengerDefaults = {
extraClasses: 'messenger-fixed messenger-theme-ice messenger-on-top'
}
4.調用 messenger的接口，並設置好提示文字和一些樣式
$.globalMessenger().post({
message: "發生錯誤,請稍后重試!",
hideAfter: 3,
type: 'error',
showCloseButton: true
});
參考文章：
http://www.bootcss.com/p/messenger/ Ｍessenger 官網
http://github.hubspot.com/messenger/ git源碼托管