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 捕获窗口关闭事件
Jul 26 Javascript
toString()一个会自动调用的方法
Feb 08 Javascript
jQuery 1.5最新版本的改进细节分析
Jan 19 Javascript
js捕获鼠标右键菜单中的粘帖事件实现代码
Apr 01 Javascript
jQuery中$.extend()用法实例
Jun 24 Javascript
js脚本分页代码分享(7种样式)
Aug 19 Javascript
实例讲解JS中setTimeout()的用法
Jan 28 Javascript
jQuery插件AjaxFileUpload实现ajax文件上传
May 05 Javascript
jquery ajaxfileupload异步上传插件使用详解
Feb 08 Javascript
原JS实现banner图的常用功能
Jun 12 Javascript
深入理解Vue.js源码之事件机制
Sep 27 Javascript
vue实现树形结构样式和功能的实例代码
Oct 15 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字符串处理的10个简单方法
2010/06/30 PHP
php封装的smarty类完整实例
2016/10/19 PHP
javascript中删除指定数组中指定的元素的代码
2011/02/12 Javascript
JavaScript代码编写中各种各样的坑和填坑方法
2014/06/06 Javascript
jQuery标签替换函数replaceWith()的使用例子
2014/08/28 Javascript
原生Js实现简易烟花爆炸效果的方法
2015/03/20 Javascript
JavaScript与jQuery实现的闪烁输入效果
2016/02/18 Javascript
原生JS:Date对象全面解析
2016/09/06 Javascript
Angularjs使用ng-repeat中$even和$odd属性的注意事项
2016/12/31 Javascript
详解vuelidate 对于vueJs2.0的验证解决方案
2017/03/09 Javascript
Vue响应式原理详解
2017/04/18 Javascript
详解让sublime text3支持Vue语法高亮显示的示例
2017/09/29 Javascript
nodejs发送http请求时遇到404长时间未响应的解决方法
2017/12/10 NodeJs
利用Angular2 + Ionic3开发IOS应用实例教程
2018/01/15 Javascript
Vue项目路由刷新的实现代码
2019/04/17 Javascript
vue组件添加事件@click.native操作
2020/10/30 Javascript
[44:10]2018DOTA2亚洲邀请赛 4.5 淘汰赛 EG vs VP 第一场
2018/04/06 DOTA
利用Django框架中select_related和prefetch_related函数对数据库查询优化
2015/04/01 Python
python subprocess 杀掉全部派生的子进程方法
2017/01/16 Python
TensorFlow在MAC环境下的安装及环境搭建
2017/11/14 Python
详解Python并发编程之创建多线程的几种方法
2019/08/23 Python
基于Python-Pycharm实现的猴子摘桃小游戏(源代码)
2021/02/20 Python
GEOX鞋美国官方网站:意大利会呼吸的鞋
2017/07/12 全球购物
Swisse官方海外旗舰店:澳大利亚销量领先,自然健康品牌
2017/12/15 全球购物
美国第二大连锁药店:Rite Aid
2019/04/03 全球购物
新西兰最大的连锁超市:Countdown
2020/06/04 全球购物
日期和时间问题
2015/01/04 面试题
学前教育毕业生自荐信
2013/10/29 职场文书
关于礼仪的演讲稿
2014/01/04 职场文书
大学生未来职业生涯规划书
2014/02/15 职场文书
蓝颜请假条
2014/04/11 职场文书
感恩小明星事迹材料
2014/05/23 职场文书
房屋认购协议书
2015/01/29 职场文书
学生会个人总结范文
2015/02/15 职场文书
2015年上半年党建工作总结
2015/03/30 职场文书
浅谈JS的原型和原型链
2021/06/04 Javascript