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 - HTML的request类
Jan 09 Javascript
javascript 贪吃蛇实现代码
Nov 22 Javascript
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
jQuery中:hidden选择器用法实例
Dec 30 Javascript
jquery实现在光标位置插入内容的方法
Feb 05 Javascript
jQuery简单实现tab选项卡切换效果
Jun 20 Javascript
AngularJS教程之环境设置
Aug 16 Javascript
详解Angular2组件之间如何通信
Jun 22 Javascript
ReactNative实现图片上传功能的示例代码
Jul 11 Javascript
jquery实现下拉菜单的手风琴效果
Jul 23 jQuery
jQuery事件模型默认行为执行顺序及trigger()与 triggerHandler()比较实例分析
Apr 30 jQuery
解决vue单页面应用进入页面加载所有 js 的问题
Aug 12 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导出oracle库的php代码
2009/04/20 PHP
多个PHP中文字符串截取函数
2013/11/12 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
php使用正则验证中文
2016/04/06 PHP
php支付宝在线支付接口开发教程
2016/09/19 PHP
才发现的超链接js导致网页中GIF动画停止的解决方法
2007/11/02 Javascript
jquery实现文本框鼠标右击无效以及不能输入的代码
2010/11/05 Javascript
Ext JS添加子组件的误区探讨
2013/06/28 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
jQuery+css实现百度百科的页面导航效果
2014/12/16 Javascript
在JavaScript的正则表达式中使用exec()方法
2015/06/16 Javascript
浅谈jquery中delegate()与live()
2015/06/22 Javascript
JS实现密码框根据焦点的获取与失去控制文字的消失与显示效果
2015/11/26 Javascript
jQuery链式调用与show知识浅析
2016/05/11 Javascript
jQuery实现按钮点击遮罩加载及处理完后恢复的效果
2016/06/07 Javascript
JS实现京东首页之页面顶部、Logo和搜索框功能
2017/01/12 Javascript
分享一道关于闭包、bind和this的面试题
2017/02/20 Javascript
利用vscode编写vue的简单配置详解
2017/06/17 Javascript
JavaScript获取用户所在城市及地理位置
2018/04/21 Javascript
微信小程序商品详情页的底部弹出框效果
2020/11/16 Javascript
微信小程序动态生成二维码的实现代码
2018/07/25 Javascript
详解JWT token心得与使用实例
2019/08/02 Javascript
JS实现json数组排序操作实例分析
2019/10/28 Javascript
jQuery实现全选、反选和不选功能的方法详解
2019/12/04 jQuery
教你如何在Django 1.6中正确使用 Signal
2014/06/22 Python
Python 爬虫模拟登陆知乎
2016/09/23 Python
用tensorflow实现弹性网络回归算法
2018/01/09 Python
Python实现的随机森林算法与简单总结
2018/01/30 Python
Python如何筛选序列中的元素的方法实现
2019/07/15 Python
python:按行读入,排序然后输出的方法
2019/07/20 Python
秋季运动会通讯稿
2014/01/24 职场文书
竞选体育委员演讲稿
2014/04/26 职场文书
优秀党员个人总结
2015/02/14 职场文书
2015年留守儿童工作总结
2015/05/22 职场文书
2015年小学语文工作总结
2015/05/25 职场文书
nginx配置之并发频次限制
2022/04/18 Servers