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 验证身份证信息有效性
Mar 28 Javascript
jQuery图片切换插件jquery.cycle.js使用示例
Jun 16 Javascript
jQuery检测输入的字符串包含的中英文的数量
Apr 17 Javascript
JavaScript实现字符串与日期的互相转换及日期的格式化
Mar 07 Javascript
微信小程序开发之Tabbar实例详解
Jan 09 Javascript
JavaScript上传文件时不用刷新页面方法总结(推荐)
Aug 15 Javascript
jQuery表单选择器用法详解
Aug 22 jQuery
js 使用ajax设置和获取自定义header信息的方法小结
Mar 12 Javascript
详细分析Node.js 多进程
Jun 22 Javascript
JS使用Chrome浏览器实现调试线上代码
Jul 23 Javascript
关于Vue Router的10条高级技巧总结
May 06 Vue.js
详细谈谈JavaScript中循环之间的差异
Aug 23 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 变量类型的强制转换
2009/10/23 PHP
了解Joomla 这款来自国外的php网站管理系统
2010/03/11 PHP
php数组函数序列之sort() 对数组的元素值进行升序排序
2011/11/02 PHP
PHP生成不重复随机数的方法汇总
2014/11/19 PHP
我也种棵OO树JXTree[js+css+xml]
2007/04/02 Javascript
代码生成器 document.write()
2007/04/15 Javascript
html中使用javascript调用本地程序(exe、doc等)实现代码
2013/04/26 Javascript
json数据处理技巧(字段带空格、增加字段、排序等等)
2013/06/14 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
JavaScript中实现异步编程模式的4种方法
2014/09/24 Javascript
javascript将数字转换整数金额大写的方法
2015/01/27 Javascript
JQuery中attr方法和removeAttr方法用法实例
2015/05/18 Javascript
基于Bootstrap的UI扩展 StyleBootstrap
2016/06/17 Javascript
JS中正则表达式只有3种匹配模式(没有单行模式)详解
2016/07/28 Javascript
jQuery实现页面顶部下拉广告
2016/12/30 Javascript
ajax实现加载页面、删除、查看详细信息 bootstrap美化页面!
2017/03/14 Javascript
基于Vue.js 2.0实现百度搜索框效果
2020/12/28 Javascript
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
Angular6封装http请求的步骤详解
2018/08/13 Javascript
详解Webstorm 下的Angular2.0开发之路(图文)
2018/12/06 Javascript
手把手带你封装一个vue component第三方库
2019/02/14 Javascript
前端js中的事件循环eventloop机制详解
2019/05/15 Javascript
Layui事件监听的实现(表单和数据表格)
2019/10/17 Javascript
Python实现包含min函数的栈
2016/04/29 Python
python3中set(集合)的语法总结分享
2017/03/24 Python
浅谈Python2.6和Python3.0中八进制数字表示的区别
2017/04/28 Python
python脚本爬取字体文件的实现方法
2017/04/29 Python
解决echarts中饼图标签重叠的问题
2020/05/16 Python
html5组织内容_动力节点Java学院整理
2017/07/10 HTML / CSS
俄罗斯眼镜网: optikaworld
2016/07/31 全球购物
皇马官方商城:Real Madrid Store
2016/09/02 全球购物
临床医学应届生求职信
2013/11/06 职场文书
求职信范文英文版
2014/01/05 职场文书
采购求职信
2014/03/17 职场文书
校园音乐节目广播稿
2015/08/19 职场文书
SQL 窗口函数实现高效分页查询的案例分析
2021/05/21 SQL Server