Function Source Option Remarks
权限提示
<a class="btn btn-primary" id="primary">权限提示</a>
$('obj').click(function () {
$('body').alert({
type: 'primary'
})
            })    
默认参数
 type: 'success',
title: '提示',
content: '恭喜,操作成功!',
btntext: '确定',
modal: true,
draggabled: false,
even: 'click'
buttons:[]
需要引入chur.min.js / chur.css 调用文件名根据需求自行更改
 type: '',       //类型有5种info,success,warning,primary,danger
title: '',      //标题
content: '',    //提示文字信息
btntext: '',    //按钮文字
modal: false,    //模式,开关灯
draggable: false //是否可拖动
even: 'click' //鼠标触发事件
buttons:[] //多个按钮组
成功提示 <a class="btn btn-primary" id="primary">权限提示</a>
$('obj').click(function () {
$('body').alert({
type: 'success'
})
})
同上 同上
警告提示 <a class="btn btn-primary" id="primary">权限提示</a>
$('obj').click(function () {
$('body').alert({
type: 'warning'
})
})
同上 同上
出错提示 <a class="btn btn-primary" id="primary">权限提示</a>
$('obj').click(function () {
$('body').alert({
type: 'danger'
})
})
同上 同上
询问提示 <a class="btn btn-primary" id="primary">权限提示</a>
$('obj')..click(function () {
$('body').alert({
type: 'info',
buttons: [{
id: 'yes',
name: '确定',
callback: function () {
alert('确定')
}
}, {
id: 'no',
name: '取消',
callback: function () {
alert('取消')
}
}]
})
})
同上

buttons[

{

id:'' //按钮唯一Id

name:'' //按钮文字

callback:'' //按钮回执事件

}

]

窗口调用1

$('.obj').click(function () {
$.dialog({
title: '我的浏览器',
content: 'url:http://www.baidu.com',
lock: true,
okVal: '关了',
ok: true,
width: 788,
height: 504,
cancelVal: '叉掉',
button: [{
id: 'chur',
name: '再来个警告',
callback: function () {
$('body').alert({
type: 'success'
});

}
}],
cancel: true /*为true等价于function(){}*/
});

 

默认参数

id:null
title: '视窗',
content: ''loading...',
okVal: '确定',
cancelVal: 取消,

min:true

max:true
width: auto,
height:auto,
lock:false,

time:null

resize:true

drag:true

button:null

需要引入ChurAlert.min.js

id:null //设定对话框唯一标识
title: '视窗', //窗口标题
content: ''loading...', //窗体内容支持 html
okVal: '确定', //确定按钮文字
cancelVal: 取消, //取消按钮文字

min:true //是否取用最小化按钮

max:true //是否取用最大化按钮
width: auto, //窗体宽度
height:auto, //窗体高度
lock:false, //是否取用锁屏

time:null //定时关闭窗体 (毫秒)

resize:true //是否取用窗体尺寸控制

drag:true //是否允许拖动

button:null //按钮组 (数组调用方法同上)

窗口调用2
$('.obj').click(function () {
$.dialog({
title: '我不能拖动,我15秒后自动关闭',
content: 'url:http://www.e-eegoo.com',
fixed: true,
drag: false,
resize: false,
time: 35,
width: 788,
height: 504
}).max();
            })
同上 同上
窗口的传值


在以上框框中输入值点下边按钮传值

给异步页面赋值
$('.obj').click(function () {
if (test) {
$.dialog({
id: 'test',
content: 'url:Template/test1.html',
data: $('#test').val()
})
}
})
if(test)  判断窗口是否打开,必须指定窗口Id
data:为传递参数
test1.html 内容---
var api = frameElement.api;//定义父级框架
var data = api.data //接收参数
function(){.....}




调用异步页面参数
$('.obj').click(function () {
if (test2) {
$.dialog({
id: 'test2',
content: 'url:Template/test1.html',
data: $('#test2').val()
})
}
})
 
test1.html 内容---
var api = frameElement.api;//定义父级框架
var data = api.data //接收参数
function(){.....}