## 模態框 模態框使用BootStrap 實現，可以綁定所有BootStrap的事件。 [TOC] ### 語法說明 ``` hdjs.modal(options); ``` ### 參數說明 | 參數 | 說明 | | --- | --- | | title | 標題 | | content | 內容 | | footer | 底部 | | id | 模態框id，默認為hdMessage | | width | 寬度 | | class | 模態框樣式 | | option: {} | bootstrap模態框選項 | | events: {} | 事件,參考bootstrap | > 方法會返回模態框的JS對象 ### 基本使用 ``` <script> require(['hdjs'], function (hdjs) { hdjs.modal({ title: '友情提示你喲',//標題 content: '后盾人 人人做后盾',//內容 footer: '<button type="button" class="btn btn-default confirm" data-dismiss="modal">關閉</button>',//底部 width: 600,//寬度 events: { confirm: function () { //哪個元素上有.confirm類，被點擊就執行這個回調 alert('點擊了關閉按鈕'); } } }); },function(modal){ //bootstrap 模態框對象 console.log(modal); }); </script> ``` ### 遠程加載 ``` <script> require(['hdjs'], function (hdjs) { hdjs.modal({ content: ['http://localhost'],//加載的遠程地址 title: '添加用戶', width: 800, show: true,//直接顯示 }); }); </script> ``` ### POST遠程加載 ``` <script> require(['hdjs'], function (hdjs) { hdjs.modal({ //加載的遠程地址 content: ['http://localhost/hdjs/test', {name: '后盾網'}], title: '添加站點', width: 800 }); }); </script> ```