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 相关文章推荐
Sample script that deletes a SQL Server database
Jun 16 Javascript
javascript web页面刷新的方法收集
Jul 02 Javascript
ExtJS 学习专题(一) 如何应用ExtJS(附实例)
Mar 11 Javascript
javascript游戏开发之《三国志曹操传》零部件开发(四)用地图块拼成大地图
Jan 23 Javascript
修改file按钮的默认样式实现代码
Apr 23 Javascript
js如何判断用户是在PC端和还是移动端访问
Apr 24 Javascript
在AngularJS应用中实现一些动画效果的代码
Jun 18 Javascript
详解Bootstrap的aria-label和aria-labelledby应用
Jan 04 Javascript
使用Javascript实现选择下拉菜单互移并排序
Feb 23 Javascript
Bootstrap每天必学之导航条(二)
Mar 01 Javascript
详解Angular4中路由Router类的跳转navigate
Jun 09 Javascript
详解基于Bootstrap+angular的一个豆瓣电影app
Jun 26 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
咖啡知识 除了喝咖啡还有那些知识点
2021/03/06 新手入门
PHP模拟asp.net的StringBuilder类实现方法
2015/08/08 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
PHP is_array() 检测变量是否是数组的实现方法
2016/06/13 PHP
PHP新特性详解之命名空间、性状与生成器
2017/07/18 PHP
Aster vs Newbee BO5 第一场2.19
2021/03/10 DOTA
jquery获取一组checkbox的值(实例代码)
2013/11/04 Javascript
javascript实现倒计时N秒后网页自动跳转代码
2014/12/11 Javascript
jquery使用经验小结
2015/05/20 Javascript
nodejs实现获取某宝商品分类
2015/05/28 NodeJs
JavaScript中constructor()方法的使用简介
2015/06/05 Javascript
javascript实现全角半角检测的方法
2015/07/23 Javascript
详解Bootstrap创建表单的三种格式(一)
2016/01/04 Javascript
详解vue+css3做交互特效的方法
2017/11/20 Javascript
微信小程序chooseImage的用法(从本地相册选择图片或使用相机拍照)
2018/08/22 Javascript
JS 数组随机洗牌的实例代码
2018/09/12 Javascript
微信小程序自定义tabBar组件开发详解
2020/09/24 Javascript
Vue+Node服务器查询Mongo数据库及页面数据传递操作实例分析
2019/12/20 Javascript
原生js实现ajax请求和JSONP跨域请求操作示例
2020/03/14 Javascript
[23:18]Spirit vs Liquid Supermajor小组赛A组 BO3 第二场 6.2
2018/06/03 DOTA
[01:27:44]DOTA2-DPC中国联赛 正赛 PSG.LGD vs Aster BO3 第一场 1月24日
2021/03/11 DOTA
使用Python压缩和解压缩zip文件的教程
2015/05/06 Python
python数据结构之图的实现方法
2015/07/08 Python
python数组过滤实现方法
2015/07/27 Python
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
Pycharm学习教程(7)虚拟机VM的配置教程
2017/05/04 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
基于python-opencv3的图像显示和保存操作
2019/06/27 Python
python 中xpath爬虫实例详解
2019/08/26 Python
节日快乐! Python画一棵圣诞树送给你
2019/12/24 Python
如何使用 Python 读取文件和照片的创建日期
2020/09/05 Python
html5 自定义播放器核心代码
2013/12/20 HTML / CSS
京东国际站:JOYBUY
2017/11/23 全球购物
Brora官网:英国领先的羊绒服装品牌
2019/08/28 全球购物
新书发布会策划方案
2014/06/09 职场文书
「租借女友」第2季樱泽墨角色PV&新视觉图公开
2022/03/21 日漫