标签:
1、simplemodal在内部定义了如下css类
simplemodal-overlay:遮罩 simplemodal-container:弹出窗口容器 simplemodal-wrap simplemodal-data
2、关闭窗口
simplemodal自动为弹出窗口内class是“simplemodal-close”的元素绑定了关闭函数。故,只要添加这个类就可以关闭功能。
也可以调用$.modal.close()的方式关闭打开的弹出窗口。
如果不想用插件内定的class名称为关闭函数类,可以自定义,方法如下:
$.modal.defaults.closeClass = "modalClose";
当然,如果想修改多个默认参数,可以使用如下代码:
$.extend($.modal.defaults,{ closeClass:"modalClose", closeHTML:"<a href=‘#‘>Close</a>" });
3、现在看看它的自定义选项:
appendTo :将弹出框添加到的父容器,参数为css选择器
opacity :透明度
overlayId :遮罩层id
overlayCss :{Object}定义遮罩层样式
containerId :弹出窗体容器id
containerCss :定义容器的样式
dataId :内容层id
containerCss :内容层的样式
minHeight :最小高度
minWidth :最小宽度
maxHeight :最大高度maxWidth :最大宽度
autoResize:是否自适应大小
zIndex :弹出层的z-index
close :是否允许关闭
closeHTML :自定义关闭按钮
closeClass :关闭层样式
overlayClose :点击遮罩层是否关闭弹出窗体
position :数组 [top, left] 自定义弹出窗体位置
onOpen :弹出窗体打开时候的回调函数
onShow :弹出窗体显示时候的回调函数
onClose :弹出窗体关闭时候的回调函数
The following is a list of current options. Default values are indicated with: [Type:Value]
appendTo
[String:‘body‘]focus
[Boolean:true] (Changed in 1.4)opacity
[Number:50]overlayId
[String:‘simplemodal-overlay‘]overlayCss
[Object:{}]containerId
[String:‘simplemodal-container‘]containerCss
[Object:{}]dataId
[String:‘simplemodal-data‘]dataCss
[Object:{}]minHeight
[Number:null]minWidth
[Number:null]maxHeight
[Number:null]maxWidth
[Number:null]autoResize
[Boolean:false] (Changed in 1.4)autoPosition
[Boolean:true] (Changed in 1.4)zIndex
[Number: 1000]close
[Boolean:true]closeHTML
, escClose
and overClose
will be used if set. If false, none of them will be used.closeHTML
[String:‘‘]closeClass
[String:‘simplemodal-close‘]escClose
[Boolean:true]overlayClose
[Boolean:false]position
[Array:null]persist
[Boolean:false]modal
[Boolean:true] (Added in 1.3.4. Name changed from transient
in 1.3.5))onOpen
[Function:null]onShow
[Function:null]onClose
[Function:null]标签:
原文地址:http://www.cnblogs.com/cblx/p/4939408.html