一、使用传统的参数
$.dialog(content,ok,cancel)
$.dialog('简单愉悦的接口,强大的表现力,优雅的内部实现', function(){alert('yes');});
二、使用字面量传参
$.dialog(options)
var dialog = $.dialog({title: '欢迎',content: '欢迎使用lhgdialog对话框组件!',icon: 'succeed',ok: function(){
this.title('警告').content('请注意lhgdialog两秒后将关闭!').lock().time(2);
return false;
}
});
窗口lhgdialog.min.js文件的url参数
参数形式为:<scripttype="text/javascript"src="lhgdialog.min.js?self=true&skin=chrome"></script>
self:指定弹出窗口的页面
类型:String默认:'false'说明:此参数只用在框架页面中,如果不写此参数或值为false时则窗口跨框架弹出在框架最顶层页面,如果值为true则不跨框架,而在当前面页弹出。
skin:多皮肤共享CSS文件名
类型:String默认:'default'说明:不写此参数则值为default。如果你想在同一页面使用不同皮肤的窗口,此处的值就为多皮肤共存的CSS的文件名
url参数不需要设定的就可以不写,不写时就使用默认值。
初始化参数列表
内容相关
title:窗口的标题文本
类型:String|Boolean默认:'视窗'说明:窗口标题的文件字符,如果值为false时就会隐藏标题栏
content:窗口中加载的内容
类型:String默认:'loading...'说明:1.如果想加载单独的页面,只要在字符前加'url:'字符即可,如:content:'url:content.html'
2.如果没有设定content的值则会有loading的动画
按钮相关
ok:确定按钮回调函数
类型:Function|Boolean默认:null说明:函数如果返回false将阻止对话框关闭;函数this指针指向内部api;如果传入true表示只显示有关闭功能的按钮
cancel:取消按钮回调函数