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 相关文章推荐
Javascript document.referrer判断访客来源网址
May 15 Javascript
jQuery学习笔记 更改jQuery对象
Sep 19 Javascript
JavaScript将相对地址转换为绝对地址示例代码
Jul 19 Javascript
jquery禁用右键单击功能屏蔽F5刷新
Mar 17 Javascript
分析了一下JQuery中的extend方法实现原理
Feb 27 Javascript
使用JavaScript实现ajax的实例代码
May 11 Javascript
Bootstrap按钮组简单实现代码
Mar 06 Javascript
Vue-cli3项目配置Vue.config.js实战记录
Jul 29 Javascript
js删除对象/数组中null、undefined、空对象及空数组方法示例
Nov 14 Javascript
使用Webpack提升Vue.js应用程序的4种方法(翻译)
Oct 09 Javascript
JS插入排序简单理解与实现方法分析
Nov 25 Javascript
vue使用canvas实现移动端手写签名
Sep 22 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
thinkphp实现发送邮件密码找回功能实例
2014/12/01 PHP
php+mysql实现用户注册登陆的方法
2015/01/03 PHP
CodeIgniter连贯操作的底层原理分析
2016/05/17 PHP
java微信开发之上传下载多媒体文件
2016/06/24 PHP
PHP+Mysql分布式事务与解决方案深入理解
2021/02/27 PHP
Exitjs获取DataView中图片文件名
2009/11/26 Javascript
js禁止页面刷新禁止用F5键刷新禁止右键的示例代码
2013/09/23 Javascript
javaScript 页面自动加载事件详解
2014/02/10 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
使用jQueryMobile实现滑动翻页效果的方法
2015/02/04 Javascript
javascript实现十秒钟后注册按钮可点击的方法
2015/05/13 Javascript
基于jQuey实现鼠标滑过变色(整行变色)
2015/12/07 Javascript
整理AngularJS框架使用过程当中的一些性能优化要点
2016/03/05 Javascript
使用vue框架 Ajax获取数据列表并用BootStrap显示出来
2017/04/24 Javascript
require.js中的define函数详解
2017/07/10 Javascript
基于Vue实例生命周期(全面解析)
2017/08/16 Javascript
微信小程序form表单组件示例代码
2018/07/15 Javascript
安装Python的教程-Windows
2017/07/22 Python
tensorflow输出权重值和偏差的方法
2018/02/10 Python
Python cookbook(数据结构与算法)从序列中移除重复项且保持元素间顺序不变的方法
2018/03/13 Python
Python使用ctypes调用C/C++的方法
2019/01/29 Python
Python scipy的二维图像卷积运算与图像模糊处理操作示例
2019/09/06 Python
pytorch .detach() .detach_() 和 .data用于切断反向传播的实现
2019/12/27 Python
如何利用Python识别图片中的文字
2020/05/31 Python
Django Model层F,Q对象和聚合函数原理解析
2020/11/12 Python
快速创建python 虚拟环境
2020/11/28 Python
删除pycharm鼠标右键快捷键打开项目的操作
2021/01/16 Python
CSS实现定位元素居中的方法
2015/06/23 HTML / CSS
中间件分为哪几类
2012/03/14 面试题
社会实践评语
2014/04/28 职场文书
汉语言文学专业求职信
2014/06/19 职场文书
师德师风自查总结
2014/10/14 职场文书
2015年机关党建工作总结
2015/05/22 职场文书
医院消毒隔离制度
2015/08/05 职场文书
保姆聘用合同
2015/09/21 职场文书
党风廉政承诺书2016
2016/03/25 职场文书