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 相关文章推荐
jquery 最简单的属性菜单
Oct 08 Javascript
基于jquery的loading效果实现代码
Nov 05 Javascript
基于jQuery的图片剪切插件
Aug 03 Javascript
一个JavaScript用逗号分割字符串实例
Sep 22 Javascript
javascript实现非常简单的小数取整功能示例
Jun 13 Javascript
详解vue.js下引入百度地图jsApi的两种方法
Jul 27 Javascript
bootstrap table.js动态填充单元格数据的多种方法
Jul 18 Javascript
JavaScript 变量,数据类型基础实例详解【变量、字符串、数组、对象等】
Jan 04 Javascript
JS实现音乐钢琴特效
Jan 06 Javascript
微信小程序实现页面浮动导航
Jan 08 Javascript
js函数柯里化的方法和作用实例分析
Apr 11 Javascript
vue将data恢复到初始状态 &amp;&amp; 重新渲染组件实例
Sep 04 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
Fine Uploader文件上传组件应用介绍
2013/01/06 PHP
PHP插件PHPMailer发送邮件功能
2017/02/28 PHP
PHP convert_uudecode()函数讲解
2019/02/14 PHP
php数组和链表的区别总结
2019/09/20 PHP
PhpSpreadsheet设置单元格常用操作汇总
2020/11/13 PHP
js下获取div中的数据的原理分析
2010/04/07 Javascript
一个javascript图片阅览组件
2010/11/09 Javascript
js实时监听文本框状态的方法
2011/04/26 Javascript
js 编程笔记 无名函数
2011/06/28 Javascript
jQuery中DOM节点删除之empty与remove
2017/01/20 Javascript
javascript 实现文本使用省略号替代(超出固定高度的情况)
2017/02/21 Javascript
JSON与JS对象的区别与对比
2017/03/01 Javascript
jQuery Ajax前后端使用JSON进行交互示例
2017/03/17 Javascript
JS身份证信息验证正则表达式
2017/06/12 Javascript
详谈AngularJs 控制器、数据绑定、作用域
2017/07/09 Javascript
js中的闭包实例展示
2018/11/01 Javascript
详解利用nodejs对本地json文件进行增删改查
2019/09/20 NodeJs
vue中的使用token的方法示例
2020/03/10 Javascript
JavaScript ES 模块的使用
2020/11/12 Javascript
pycharm远程调试openstack的图文教程
2017/11/21 Python
一行python实现树形结构的方法
2019/08/09 Python
windows中安装Python3.8.0的实现方法
2019/11/19 Python
Pytorch 的损失函数Loss function使用详解
2020/01/02 Python
Python正则表达式学习小例子
2020/03/03 Python
html5中localStorage本地存储的简单使用
2017/06/16 HTML / CSS
在html页面中取得session中的值的方法
2020/08/11 HTML / CSS
爱尔兰家电数码商城:Currys PC World爱尔兰
2016/07/23 全球购物
物业保安员岗位职责
2014/03/14 职场文书
施工员岗位职责
2014/03/16 职场文书
企业负责人任命书
2014/06/05 职场文书
建筑技术负责人岗位职责
2015/04/13 职场文书
财务部岗位职责范本
2015/04/14 职场文书
毕业生入职感言
2015/07/31 职场文书
治理商业贿赂工作总结
2015/08/10 职场文书
2019大学生社会实践报告汇总
2019/08/16 职场文书
mybatis 获取更新记录的id
2022/05/20 Java/Android