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 相关文章推荐
使用prototype.js进行异步操作
Feb 07 Javascript
关于js遍历表格的实例
Jul 10 Javascript
js获取指定日期前后的日期代码
Aug 20 Javascript
javascript分页代码实例分享(js分页)
Dec 13 Javascript
jquery获取select选中值的方法分析
Dec 22 Javascript
JavaScript类型系统之Object详解
Jan 07 Javascript
两种方法解决javascript url post 特殊字符转义 + &amp; #
Apr 13 Javascript
js字符串与Unicode编码互相转换
May 17 Javascript
JavaScript注册时密码强度校验代码
Jun 30 Javascript
Angular 4中如何显示内容的CSS样式示例代码
Nov 06 Javascript
Javascript将图片的绝对路径转换为base64编码的方法
Jan 11 Javascript
javascript中innerHTML 获取或替换html内容的实现代码
Mar 17 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
简单的页面缓冲技术
2006/10/09 PHP
建站常用13种PHP开源CMS比较
2009/08/23 PHP
发款php蜘蛛统计插件只要有mysql就可用
2010/10/12 PHP
PHP上传文件时文件过大$_FILES为空的解决方法
2013/11/26 PHP
百度工程师讲PHP函数的实现原理及性能分析(三)
2015/05/13 PHP
dess中一个简单的多路委托的实现
2010/07/20 Javascript
jQuery简单实现验证邮箱格式
2015/07/15 Javascript
JS+CSS实现仿msn风格选项卡效果代码
2015/10/22 Javascript
jQuery使用Selectator插件实现多选下拉列表过滤框(附源码下载)
2016/04/08 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
jQuery实现表格文本框淡入更改值后淡出效果
2016/09/27 Javascript
微信小程序调用PHP后台接口 解析纯html文本
2017/06/13 Javascript
微信小程序实现获取自己所处位置的经纬度坐标功能示例
2017/11/30 Javascript
浅谈Vue响应式(数组变异方法)
2018/05/07 Javascript
js图片无缝滚动插件使用详解
2020/05/26 Javascript
实例讲解Python中的私有属性
2014/08/21 Python
python实现自动重启本程序的方法
2015/07/09 Python
Python使用matplotlib简单绘图示例
2018/02/01 Python
python使用多进程的实例详解
2018/09/19 Python
Opencv+Python实现图像运动模糊和高斯模糊的示例
2019/04/11 Python
Python Pandas 获取列匹配特定值的行的索引问题
2019/07/01 Python
Python在Matplotlib图中显示中文字体的操作方法
2019/07/29 Python
Django框架静态文件处理、中间件、上传文件操作实例详解
2020/02/29 Python
如何实现更换Jupyter Notebook内核Python版本
2020/05/18 Python
Python如何给函数库增加日志功能
2020/08/04 Python
CSS3动画之利用requestAnimationFrame触发重新播放功能
2019/09/11 HTML / CSS
html5是什么_动力节点Java学院整理
2017/07/07 HTML / CSS
HTML5中的网络存储实现方式
2020/04/28 HTML / CSS
德国购买门票网站:ADticket.de
2019/10/31 全球购物
如何写你的创业计划书
2014/01/07 职场文书
财政专业大学生职业生涯规划书
2014/09/17 职场文书
西安大雁塔导游词
2015/02/10 职场文书
2015年惩防体系建设工作总结
2015/05/22 职场文书
OpenCV中resize函数插值算法的实现过程(五种)
2021/06/05 Python
OpenCV-Python实现轮廓拟合
2021/06/08 Python
Python pandas读取CSV文件的注意事项(适合新手)
2021/06/20 Python