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...
  • mayanling0113
  • mayanling0113
  • 2012年03月28日 15:27
  • 9719

jQuery插件知识详解(二)

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

TypeScript相关知识点归纳

前言TypeScript 是 JavaScript 的一个超集,主要提供了类型系统和对 ES6 的支持,它由 Microsoft 开发,代码开源于 GitHub 上。 第一个版本发布于 2012 ...
  • iwillbeaceo
  • iwillbeaceo
  • 2017年06月28日 11:51
  • 386

JBoss快速入门知识

原文地址:http://blog.csdn.net/lgfeng218/article/details/8195050 1、下载地址: http://www.jboss.org/jbossas/...
  • littlebeat123
  • littlebeat123
  • 2015年04月24日 15:22
  • 448

数据结构基本知识

数据结构基本知识          一、数据结构的基本概念    1.数据:是描述客观事物的符号,是计算机中可以操作的对象,是能被计算机识别,并输入给计算机处理的符号集合。      数据包含整型...
  • qq_36545099
  • qq_36545099
  • 2017年02月28日 16:33
  • 221

动态规划知识详解(一)

前言_ 我们遇到的问题中,有很大一部分可以用动态规划(简称DP)来解。 解决这类问题可以很大地提升你的能力与技巧,我会试着帮助你理解如何使用DP来解题。 这篇文章是基于实例展开来讲的,因为干巴巴的理...
  • LiuJiuXiaoShiTou
  • LiuJiuXiaoShiTou
  • 2016年08月19日 08:59
  • 470

C#重点知识详解(一)

  • zgqtxwd
  • zgqtxwd
  • 2008年04月24日 13:08
  • 122

Oracle-SQL知识详解(一)

Oracle-SQL结构化查询语言 结构化查询语言(Structured Query Language) )简称SQL,是操作和检索关系型数据库的标准语言; 分类...
  • a1234H
  • a1234H
  • 2016年10月23日 09:38
  • 158

互联网电商大数据环境 ——大数飓数据分析实践培训精华笔记(七)——电商核心业务知识之订单商品模块

订单宽表 #!/bin/bash #====== #dm_b2c_orders.sh    这里用shell来调 #订单宽表——两个表关联 #====== DT=`date  -d  '-1 da...
  • houxiaoqin
  • houxiaoqin
  • 2015年08月14日 13:26
  • 824

JQuery插件使用小结

在前台对数据的验证处理,Jquery起着非常强大的作用。首先Jquery是对JS的代码的封装,相当于我们前台的框架,但是它只是一个基础的js框架,能够实现一些简单的功能,而对于一些比较复杂的功能,我们...
  • liujiahan629629
  • liujiahan629629
  • 2014年04月03日 23:40
  • 15383
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:jQuery插件知识详解(一)
举报原因:
原因补充:

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