Skip to content

seajs modal common(通用模态框)

awei.yu edited this page Apr 9, 2016 · 1 revision

说明:用于实现弹窗(兼容ie8)

api:

    int(configure):初始化模态框
        int({
           content:模态框内容(html/Node),
           afterShow:function(wrap_content){
               //模态框显示完毕的回调,wrap_content为模态框内部content的直接容器
           },
           afterClose:function(){
               //模态框关闭的回调
           },
           autoHide:是否自动消失(默认:false),
           hideOnClickOut:点击模态框外部是否触发关闭(默认:false),
           hasBac:是否有灰色蒙层(默认:true),
           canClickOut:在hasBac为false的情况下,是否可点击模态框以外的元素
           overflow:content容器.style.overflow(默认:只有垂直滚动条),
            hasWrap:是否需要白色圆角背景(默认:true),
           //以下属性需要hasWrap:true
           padding:content容器.style.padding(默认:0 90px),
            hasShadow:是否需要阴影(默认:false),
           hasTitleBar:是否需要标题栏(默认:false),
           //title属性需要hasTitleBar:true
           title:标题内容,
           hasClose:是否需要关闭按钮(默认:false),
           closePosition:关闭按钮位置(示例:right: 15px;top:5px; 默认为右上角),
           //以下属性不依赖hasWrap
           textAlign:content容器.style.textAlign(默认:center)
        })
    show():显示模态框
    hide():关闭模态框