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 相关文章推荐
兼容IE与firefox火狐的回车事件(js与jquery)
Oct 20 Javascript
javascript读写XML实现广告轮换(兼容IE、FF)
Aug 09 Javascript
JQuery遍历json数组的3种方法
Nov 08 Javascript
js面向对象之静态方法和静态属性实例分析
Jan 10 Javascript
jQuery+CSS3实现仿花瓣网固定顶部位置带悬浮效果的导航菜单
Sep 21 Javascript
jquery对所有input type=text的控件赋值实现方法
Dec 02 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
Jul 10 jQuery
Bootstrap Tooltip显示换行和左对齐的解决方案
Oct 11 Javascript
浅谈React 服务器端渲染的使用
May 08 Javascript
Angularjs之ngModel中的值验证绑定方法
Sep 13 Javascript
Kettle中使用JavaScrip调用jar包对文件内容进行MD5加密的操作方法
Sep 04 Javascript
如何在现代JavaScript中编写异步任务
Jan 31 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编程注意事项的小结
2013/04/27 PHP
PHP闭包函数传参及使用外部变量的方法
2016/03/15 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
php版微信小店调用api示例代码
2016/11/12 PHP
解决windows上php xdebug 无法调试的问题
2020/02/19 PHP
PHP开发api接口安全验证操作实例详解
2020/03/26 PHP
js不是基础的基础
2006/12/24 Javascript
Vue.js 表单校验插件
2016/08/14 Javascript
浅谈toLowerCase和toLocaleLowerCase的区别
2016/08/15 Javascript
jQuery实现表格与ckeckbox的全选与单选功能
2016/11/24 Javascript
jquery实现文本框的禁用和启用
2016/12/07 Javascript
关于jQuery库冲突的完美解决办法
2017/05/20 jQuery
Extjs 中的 Treepanel 实现菜单级联选中效果及实例代码
2017/08/22 Javascript
微信小程序中setInterval的使用方法
2017/09/29 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
2017/12/06 Javascript
vue实现歌手列表字母排序下拉滚动条侧栏排序实时更新
2019/05/14 Javascript
JavaScript实现的开关灯泡点击切换特效示例
2019/07/08 Javascript
javascript设计模式 ? 抽象工厂模式原理与应用实例分析
2020/04/09 Javascript
vue各种事件监听实例(小结)
2020/06/24 Javascript
使用Vue-cli 中为单独页面设置背景图片铺满全屏
2020/07/17 Javascript
[43:57]Liquid vs Mineski 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python实现微信发送邮件关闭电脑功能
2018/02/22 Python
Python实现的凯撒密码算法示例
2018/04/12 Python
美国花园雕像和家居装饰网上商店:Design Toscano
2019/03/09 全球购物
最好的商品表达自己:Cafepress
2019/09/04 全球购物
业务员的岗位职责
2014/03/15 职场文书
2014年廉洁自律承诺书
2014/05/26 职场文书
施工安全标语
2014/06/07 职场文书
经济管理专业求职信
2014/06/09 职场文书
县政府领导班子四风问题对照检查材料思想汇报
2014/09/26 职场文书
个人职业及收入证明
2014/10/13 职场文书
硕士论文致谢范文
2015/05/14 职场文书
java Nio使用NioSocket客户端与服务端交互实现方式
2021/06/15 Java/Android
带你了解CSS基础知识,样式
2021/07/21 HTML / CSS
Mysql中有关Datetime和Timestamp的使用总结
2021/12/06 MySQL
python实现会员信息管理系统(List)
2022/03/18 Python