慕课网前端组件 imooc's fe component
弹层提示组件
$.dialog
方法
$.dialog("example",options)
选项
参数1:弹层内容html代码,必填项。参数2:object对象,可选项
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
title | string | '提示' | 弹层标题文字 |
width | int | 0 | 窗口宽度,不传时自适应 |
height | int | 0 | 窗口高度,不传时自适应 |
modal | boolean | false | 是否模态窗口,true时显示蒙版层,且不可拖动 |
draggable | boolean | true | 是否可拖动,modal为true是不可拖动 |
timeout | int | 0 | 定时关闭时间,大于0时,会触发定时关闭功能,单位毫秒 |
callback | function | '' | 点击关闭时回调方法 |
内置方法
var dialog = $.dialog("example",options); dialog.center();//动态改变大小后重新居中 dialog.hide();//关闭弹窗
$.alert
方法
$.alert("example",options)
选项
参数1:弹层提示内容,必填项。参数2:object对象,可选项
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
info | string | '' | 提示备注文字,支持超链接、html代码 |
submit | string | '确定' | 按钮文字 |
modal | boolean | true | 是否模态窗口,true时显示蒙版层 |
timeout | int | 0 | 定时关闭时间,大于0时,会触发定时关闭功能,单位毫秒 |
callback | function | '' | 点击关闭时回调方法 |
$.confirm
方法
$.confirm("example",options)
选项
参数1:弹层提示内容,必填项。参数2:object对象,可选项
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
info | string | '' | 提示备注文字,支持超链接、html代码 |
submit | string | '确定' | 确定按钮文字 |
cancel | string | '取消' | 取消按钮文字 |
modal | boolean | true | 是否模态窗口,true时显示蒙版层 |
callback | function | '' | 点击确定时回调方法 |
cancelcallback | function | '' | 点击取消时回调方法 |
$.prompt
方法
$.prompt("example",options)
选项
参数1:弹层提示内容,必填项。参数2:object对象,可选项
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
icon | string | success|error|question | 提示层icon图标 |
modal | boolean | true | 是否模态窗口,true时显示蒙版层 |
timeout | int | 1000 | 定时关闭时间,单位毫秒 |
callback | function | '' | 关闭时回调方法 |
$.tipAlert
方法
$.tipAlert(dom,options)
选项
参数1:弹层作用的节点,必填项。参数2:object对象,必填
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
icon | string | success|error|question | 提示层icon图标 |
info | string | '' | 提示文字,支持超链接、html代码 |
timeout | int | 1000 | 定时关闭时间,单位毫秒 |
$.tipConfirm
方法
$.tipConfirm(dom,options)
选项
参数1:弹层作用的节点,必填项。参数2:object对象,必填
名称 | 类型 | 默认值 | 描述 |
---|---|---|---|
icon | string | success|error|question | 提示层icon图标 |
info | string | '' | 提示文字,支持超链接、html代码 |
callback | function | '' | 点击确定时回调方法 |
cancelcallback | function | '' | 点击取消时回调方法 |