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 相关文章推荐
js getElementsByTagName的简写方式
Jun 27 Javascript
js取消单选按钮选中示例代码
Nov 14 Javascript
javascript实现类似超链接的效果
Dec 26 Javascript
javascript显示上周、上个月日期的处理方法
Feb 03 Javascript
详解React开发中使用require.ensure()按需加载ES6组件
May 12 Javascript
js时间戳与日期格式之间转换详解
Dec 11 Javascript
AngularJS实现的2048小游戏功能【附源码下载】
Jan 03 Javascript
linux 后台运行node服务指令方法
May 23 Javascript
微信小程序图片右边加两行文字的代码
Apr 23 Javascript
Vue使用预渲染代替SSR的方法
Jul 02 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
vue+element table表格实现动态列筛选的示例代码
Jan 14 Vue.js
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开启安全模式后禁用的函数集合
2011/06/26 PHP
PHP判断是否连接上网络的方法
2015/07/01 PHP
php多线程并发实现方法
2016/09/30 PHP
js直接编辑当前cookie的脚本
2008/09/14 Javascript
Prototype中dom对象方法汇总
2008/09/17 Javascript
JS小框架 fly javascript framework
2009/11/26 Javascript
JavaScript 拾漏补遗
2009/12/27 Javascript
jQuery如何实现点击页面获得当前点击元素的id或其他信息
2014/01/09 Javascript
js实现鼠标经过时图片滚动停止的方法
2015/02/16 Javascript
javascript实现根据iphone屏幕方向调用不同样式表的方法
2015/07/13 Javascript
用JS生成UUID的方法实例
2016/03/30 Javascript
js点击按钮实现水波纹效果代码(CSS3和Canves)
2016/09/15 Javascript
jQuery中show与hide方法用法示例
2016/09/16 Javascript
JS自定义混合Mixin函数示例
2016/11/26 Javascript
JQuery.validationEngine表单验证插件(推荐)
2016/12/10 Javascript
JS实现图片预览的两种方式
2017/06/27 Javascript
React如何实现浏览器打印部分内容详析
2019/05/19 Javascript
微信小程序实现音乐播放器
2019/11/20 Javascript
浅谈vue中$event理解和框架中在包含默认值外传参
2020/08/07 Javascript
如何利用nodejs自动定时发送邮件提醒(超实用)
2020/12/01 NodeJs
python with statement 进行文件操作指南
2014/08/22 Python
基于python进行桶排序与基数排序的总结
2018/05/29 Python
python爬虫获取百度首页内容教学
2018/12/23 Python
Python基于Faker假数据构造库
2020/11/30 Python
使用html2canvas实现将html内容写入到canvas中生成图片
2020/01/03 HTML / CSS
美国著名的团购网站:Woot
2016/08/02 全球购物
如何强制垃圾回收
2015/10/06 面试题
护理学毕业生自荐信
2013/10/02 职场文书
教师考察材料范文
2014/06/03 职场文书
民主评议党员总结
2014/10/20 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
劳模事迹材料范文
2014/12/24 职场文书
教师培训简讯
2015/07/20 职场文书
关于拾金不昧的感谢信(五篇)
2019/10/18 职场文书
《追风筝的人》:人心中的成见是座大山,但请不忘初心
2019/11/15 职场文书
spring boot中nativeQuery的用法
2021/07/26 Java/Android