/dialog

弹框

Primary LanguageJavaScript

dialog.js

弹窗插件

效果详见 Demo

Usage

Dialog(options)

eg:

var myDialog = Dialog({content: '我是弹窗'});

初始化的时候默认显示弹框，可以通过传入配置autoShow为false先不自行操作显示

Options

插件提供可配置的选项：

  • content: 弹框内容，支持html
  • id: 自定义弹框id，没有将默认生成
  • wrapClass: 弹框附加className，方便自定义某些样式
  • title: 弹框标题，默认提示
  • hideClose: 是否隐藏关闭按钮，默认false
  • ok: 点击确定按钮的事件函数，有函数时显示确定按钮，根据函数中返回值，如果不为true则关闭并删除该弹框
  • okValue: 确定按钮的提示文案，默认确定，设置了确定按钮函数才生效
  • cancel: 点击取消按钮的事件函数，有函数时显示取消按钮，根据函数中返回值，如果不为true则关闭并删除该弹框
  • okValue: 取消按钮的提示文案，默认取消，设置了取消按钮函数才生效
  • quickClose: 点击蒙层关闭弹框，默认为false
  • autoShow: 初始化时自动显示，默认为true

如果传入的options为字符串或者数值，则默认为content

Method

Dialog.multi

[全局]是否支持多个弹窗叠加（默认为false）

Dialog.list

[全局]保存了所有未被remove的弹窗引用

Dialog.clear()

[全局]清除所有弹框(remove)

myDialog.show()

显示弹框，在初始化的时候被调用，也可以跟hide配合多次使用

myDialog.hide()

隐藏弹框，该弹框还保留，只是不显示，可用show再次显示出来

myDialog.adapt()

适应居中，默认在屏幕变化的时候自动调用

myDialog.remove()

删除弹框

Author

Travis