jQuery插件知识详解(一)

原创 2012年03月28日 15:25:34

一、使用传统的参数
$.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:取消按钮回调函数

相关文章推荐

jQuery插件知识详解(三)

视觉相关 lock:开启锁屏 类型:Boolean默认:false说明:中断用户对话框之外的交互,用于显示非常重要的操作/消息,所以不建议频繁使用它,它会让操作变得繁琐 backgr...

jQuery插件知识详解(二)

类型:Function|Boolean默认:null说明:1.函数如果返回false将阻止对话框关闭;函数this指针指向内部api;      2.如果传入true表示只显示有关闭功能的按钮,标题...

写JQuery插件的基本知识

这篇文章主要介绍了从如何写JQuery插件,需要注意的事项,还有必须要做的步骤,看过这个文章相信你会明白如何写好一个JQuery插件 普及JQuery知识 知识1:用JQuery写插件...
  • bbsyi
  • bbsyi
  • 2016年07月04日 20:43
  • 150

Jquery插件知识之Jquery.cookie实现页面传值

//login.html页面 无标题文档 $(document).ready( function(){ $("#btnOk").click( f...

jQuery插件imgAreaSelect图片裁剪使用详解

1、介绍 ImgAreaSelect是一jQuery插件,它支持用户通过鼠标拖曳选择图片的一部分,非常的fashion。另外,可以在这个选择图像区域的基础上应用网站的其他一些技术,比如图片拖曳、图片...

jquery插件扩展详解

为了顺利完成jquery插件的开发,细致阅读了jquery.grid.src.js 源码,感觉则个插件无论在效果显示,还是在使用方法上面,都非常方便。同时,给我们提供了封装jquery插件的良好思维。...

CSS3 border-image详解、应用及jQuery插件

一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限,仅Firefox3.5,chro...
  • jjbob77
  • jjbob77
  • 2012年12月05日 22:43
  • 1146

jquery插件 日历的应用详解

日历 datepicker 在页面开发中,经常遇到需要用户输入日期的操作。通常的操作是提供一个文本框,这样的操作不方便,影响用户的体验,如果使jquery插件中的日历,这些问题就会迎刃而解。 常用...

jQuery插件datepicker的使用详解

1.下载jQuery核心文件就不用说了吧,datepicker是轻量级插件,只需jQuery的min版本就行了,然后下载datepicker(内含jQuery1.2.6_min) 2.在HTML中引用...
  • Alinaxz
  • Alinaxz
  • 2011年07月26日 14:46
  • 1157

CSS3 border-image详解、应用及jQuery插件

http://www.jb51.net/css/38358.html 一、border-image的兼容性 border-image可以说是CSS3中的一员大将,将来一定会大放光彩,其应用...
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery插件知识详解(一)
举报原因:
原因补充:

(最多只允许输入30个字)