Confirmer JQuery确认对话框组件


Posted in Javascript onJune 09, 2010

插件截图:

Confirmer JQuery确认对话框组件

用途:点击链接或按钮时要确认是否继续当前操作。

插件代码:

(function($){ 
$.fn.confirmer = function(options){ 
var defaults = { 
msg:"Are you sure to delete it ?" 
} 
var options = $.extend(defaults, options); 
var control=$(this); 
$(control).click(function(){return confirm(options.msg);}); 
}; 
})(jQuery);

用法:
1.$(".delete").confirmer();
2.$(".delete").confirmer({msg:'确认删除吗?'});
示例:
<!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title>jquery.confirmer.js</title> 
  <meta http-equiv="Content-Type" content="text/html; char set=utf-8" /> 
<script type="text/javascript" language="javascript" src="js/jquery.js"></script> 
<script type="text/javascript" language="javascript" src="js/jquery.confirmer.js"></script> 
<script type="text/javascript"> 
$().ready(function(){ 
$(".delete").confirmer(); 
//$(".delete").confirmer({msg:'确认删除吗?'}); 
}) 
</script> 
</head> 
<body> 
<button id="btnDelete" class="delete">删除</button> 
<a id="lnkDelete" class="delete" href="http://www.baidu.com">删除</a> 
</body> 
</html>
Javascript 相关文章推荐
简单三步,搞掂内存泄漏
Mar 10 Javascript
JavaScript 克隆数组最简单的方法
Feb 12 Javascript
Jquery 快速构建可拖曳的购物车DragDrop
Nov 30 Javascript
js的写法基础分析
Jan 17 Javascript
JavaScript 大数据相加的问题
Aug 03 Javascript
40个有创意的jQuery图片和内容滑动及弹出插件收藏集之三
Jan 03 Javascript
jQuery中的编程范式详解
Dec 15 Javascript
Node.js编写CLI的实例详解
May 17 Javascript
一个Vue视频媒体多段裁剪组件的实现示例
Aug 09 Javascript
vue.js 双层嵌套for遍历的方法详解, 类似php foreach()
Sep 07 Javascript
jquery获取file表单选择文件的路径、名字、大小、类型
Jan 18 jQuery
微信小程序实现星星评分效果
Nov 01 Javascript
Jquery CheckBox全选方法代码附js checkbox全选反选代码
Jun 09 #Javascript
JavaScript 原型与继承说明
Jun 09 #Javascript
JavaScript 构造函数 面相对象学习必备知识
Jun 09 #Javascript
JS 图片缩放效果代码
Jun 09 #Javascript
JQuery优缺点分析说明
Jun 09 #Javascript
web页面数据展示新想法(json)
Jun 08 #Javascript
js客户端快捷键管理类的较完整实现和应用
Jun 08 #Javascript
You might like
模拟OICQ的实现思路和核心程序(三)
2006/10/09 PHP
给多个地址发邮件的类
2006/10/09 PHP
测试您的 PHP 水平的题目
2007/05/30 PHP
PHP抽象类 介绍
2012/06/13 PHP
php数组去重复数据示例
2014/02/25 PHP
Laravel中间件实现原理详解
2016/10/09 PHP
JS操作Cookies包括(读取添加与删除)
2012/12/26 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
JavaScript实现重置表单(reset)的方法
2015/04/02 Javascript
jQuery构造函数init参数分析续
2015/05/13 Javascript
详解微信小程序——自定义圆形进度条
2016/12/29 Javascript
JS实现本地存储信息的方法(基于localStorage与userData)
2017/02/18 Javascript
javascript实现滑动解锁功能
2017/03/22 Javascript
js实现移动端导航点击自动滑动效果
2017/07/18 Javascript
解决React Native端口号修改的方法
2017/07/28 Javascript
vue2.x select2 指令封装详解
2017/10/12 Javascript
jquery获取transform里的值实现方法
2017/12/12 jQuery
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
webpack常用配置总览(小结)
2019/11/18 Javascript
jQuery+css实现的点击图片放大缩小预览功能示例【图片预览 查看大图】
2020/05/29 jQuery
Element Dropdown下拉菜单的使用方法
2020/07/26 Javascript
Cython 三分钟入门教程
2009/09/17 Python
pydev使用wxpython找不到路径的解决方法
2013/02/10 Python
python创建线程示例
2014/05/06 Python
Python使用pylab库实现画线功能的方法详解
2017/06/08 Python
Python多线程同步---文件读写控制方法
2019/02/12 Python
python super用法及原理详解
2020/01/20 Python
python中pickle模块浅析
2020/12/29 Python
python自动化办公操作PPT的实现
2021/02/05 Python
6种非常炫酷的CSS3按钮边框动画特效
2016/03/16 HTML / CSS
css3 利用transform打造走动的2D时钟
2020/10/20 HTML / CSS
HTML5新增的表单元素和属性实例解析
2014/07/07 HTML / CSS
Python里面如何实现tuple和list的转换
2012/06/13 面试题
《长城》教学反思
2014/02/14 职场文书
学校春季防火方案
2014/06/08 职场文书
详解Spring Security如何在权限中使用通配符
2022/06/28 Java/Android