Code Monkey home page Code Monkey logo

dialog2's Introduction

dialog.js

弹窗插件

效果详见 Demo

Usage

Dialog(options)

eg:

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

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

Options

插件提供可配置的选项:

  • content: 弹框内容,支持html
  • id: 自定义弹框id,没有将默认生成
  • wrapperClass: 弹框附加className,方便自定义某些样式
  • title: 弹框标题,默认提示
  • hideClose: 是否隐藏关闭按钮,默认false
  • onClose: 点击关闭的事件函数,如果没有配置,默认应用取消按钮的事件函数
  • onOk: 点击确定按钮的事件函数,有函数时显示确定按钮,根据函数中返回值,如果不为true则关闭并删除该弹框
  • okValue: 确定按钮的提示文案,默认确定,设置了确定按钮函数才生效
  • onCancel: 点击取消按钮的事件函数,有函数时显示取消按钮,根据函数中返回值,如果不为true则关闭并删除该弹框
  • quickClose: 点击蒙层关闭弹框,默认为false
  • onBoxClick: 整个对话框的点击事件,可以设置事件函数,也可以设置字符串ok,cancel,close执行之前设定的事件,默认不执行事件
  • 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

dialog2's People

Watchers

James Cloos avatar Travis avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.