返回介绍

F.3 SimpleModal 插件 API

发布于 2024-08-20 01:10:33 字数 3853 浏览 0 评论 0 收藏 0

API的官方网站地址为:http://www.ericmmartin.com/projects/simplemodal/

表F-7 SimpleModal插件的API

名 称

功能说明

appendTo [String:'body']

将弹出框添加到的父容器,参数为css选择器

focus [Boolean:true]

把焦点保持在模态窗口上

opacity [Number:50]

设置overlay div的不透明度,1-100

overlayId [String:'simplemodal-overlay']

遮罩层ID

overlayCss [Object: {}]

定义遮罩层样式

containerId [String:'simplemodal-container']

弹出模态窗口容器ID

containerCss [Object: {}]

弹出模态窗口容器样式

dataId [String:'simplemodal-data']

内容层的ID

dataCss [Object:{}]

内容层的样式

minHeight [Number:null]

container的最小高度

minWidth [Number:null]/

container的最小宽度

maxHeight [Number:null]

container的最大高度

maxWidth [Number:null]

container的最大宽度

autoResize [Boolean:false]

是否自适应大小。当window调整大小时自动调整container的大小,使用时需 小心,因为它可能会发生不可预知的效果

autoPosition [Boolean:true]

是否自动定位

zIndex [Number: 1000]

模态窗口的z-index

close [Boolean:true]

如果为true,那么closeHTML, escClose, overClose将被使用,反之则不使用

closeHTML [String:"]

自定义关闭按钮

closeClass [String:'simplemodal-close']

自定义关闭按钮的样式

escClose [Boolean:true]

是否允许按ESC关闭模态窗口

overlayClose [Boolean:false]

是否允许点击overlay(遮罩层)关闭模态窗口

position [Array:null]

自定义弹出窗体位置,数组[top, left]

persist [Boolean:false]

是否跨模态调用的数据。仅用于现有的DOM元素。如果为true,数据在跨模 态调用时保持不变,如果为false,数据将被恢复到其原始状态

modal [Boolean:true]

如果为true,用户将无法与模态窗口下面的内容进行交互。如果为false,遮罩 层将被禁用,允许用户与下面的内容交互

onOpen [Function:null]

模态窗口打开时候的回调函数

onShow [Function:null]

模态窗口显示时候的回调函数

onClose [Function:null]

模态窗口关闭时候的回调函数

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。
列表为空,暂无数据
    我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
    原文