# 模态框

模态框使用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>