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 相关文章推荐
addRule在firefox下的兼容写法
Nov 30 Javascript
用js判断用户浏览器是否是XP SP2的IE6
Mar 08 Javascript
JSDoc 介绍使用规范JsDoc的使用介绍
Feb 12 Javascript
JS保留小数点(四舍五入、四舍六入)实现思路及实例
Apr 25 Javascript
Bootstrap实现下拉菜单效果
Apr 29 Javascript
Google 地图类型详解及示例代码
Aug 06 Javascript
js改变html的原有内容实现方法
Oct 05 Javascript
JavaScript实现的冒泡排序法及统计相邻数交换次数示例
Apr 26 Javascript
基于JavaScript实现报警器提示音效果
Oct 27 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
JavaScript遍历数组和对象的元素简单操作示例
Jul 09 Javascript
Vue快速实现通用表单验证功能
Dec 05 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
理解PHP中的Session及对Session有效期的控制
2016/01/08 PHP
Flash+XML滚动新闻代码 无图片 附源码下载
2007/11/22 Javascript
jquery的ajax从纯真网(cz88.net)获取IP地址对应地区名
2009/12/02 Javascript
javascript 事件处理示例分享
2014/12/31 Javascript
JQuery中serialize() 序列化
2015/03/13 Javascript
JavaScript判断按钮被点击的方法
2015/12/13 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
2016/03/30 Javascript
三种带箭头提示框总结实例
2016/06/14 Javascript
基于angularjs实现图片放大镜效果
2016/08/31 Javascript
原生js实现查询天气小应用
2016/12/09 Javascript
使用ef6创建oracle数据库的实体模型遇到的问题及解决方案
2017/11/09 Javascript
js精确的加减乘除实例
2017/11/14 Javascript
vue+element-ui动态生成多级表头的方法
2018/08/28 Javascript
vue.js的vue-cli脚手架中使用百度地图API的实例
2019/01/21 Javascript
vue实现搜索功能
2019/05/28 Javascript
jquery实现两个div中的元素相互拖动的方法分析
2020/04/05 jQuery
JSON stringify方法原理及实例解析
2020/10/23 Javascript
vue vant中picker组件的使用
2020/11/03 Javascript
python访问类中docstring注释的实现方法
2015/05/04 Python
详解Django框架中用户的登录和退出的实现
2015/07/23 Python
python探索之BaseHTTPServer-实现Web服务器介绍
2017/10/28 Python
Python类和对象的定义与实际应用案例分析
2018/12/27 Python
余弦相似性计算及python代码实现过程解析
2019/09/18 Python
Jupyter notebook如何修改平台字体
2020/05/13 Python
浅谈Python xlwings 读取Excel文件的正确姿势
2021/02/26 Python
逼真的HTML5树叶飘落动画
2016/03/01 HTML / CSS
中专生毕业个人鉴定
2014/02/26 职场文书
食品流通安全承诺书
2014/05/22 职场文书
国庆节活动总结
2014/08/26 职场文书
六查六看自检自查剖析材料
2014/10/14 职场文书
2015年元旦文艺晚会总结(学院)
2014/11/28 职场文书
考试作弊检讨
2015/01/27 职场文书
四十年同学聚会致辞
2015/07/28 职场文书
事业单位工作人员岗前培训心得体会
2016/01/08 职场文书
送给客户微信问候语!
2019/07/04 职场文书
你知道Java Spring的两种事务吗
2022/03/16 Java/Android