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实现图片预加载无需等待
Dec 21 Javascript
jQuery动画animate方法使用介绍
May 06 Javascript
javascript 判断字符串是否包含某字符串及indexOf使用示例
Oct 18 Javascript
jqgrid 编辑添加功能详细解析
Nov 08 Javascript
jquery 显示*天*时*分*秒实现时间计时器
May 07 Javascript
node.js中 stream使用教程
Aug 28 Javascript
js模式化窗口问题![window.dialogArguments]
Oct 30 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
微信小程序 图片绝对定位(背景图片)
Apr 05 Javascript
createObjectURL方法实现本地图片预览
Sep 30 Javascript
JavaScript 实现自己的安卓手机自动化工具脚本(推荐)
May 13 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 strtotime函数详解
2009/12/18 PHP
apache中为php 设置虚拟目录
2014/12/17 PHP
浅析Yii2 GridView实现下拉搜索教程
2016/04/22 PHP
php调用自己java程序的方法详解
2016/05/13 PHP
JQuery 学习笔记 选择器之一
2009/07/23 Javascript
ASP.NET jQuery 实例5 (显示CheckBoxList成员选中的内容)
2012/01/13 Javascript
IE6浏览器下resize事件被执行了多次解决方法
2012/12/11 Javascript
Function.prototype.call.apply结合用法分析示例
2013/07/03 Javascript
实例代码讲解jquery easyui动态tab页
2015/11/17 Javascript
很不错的两款Bootstrap Icon图标选择组件
2016/01/28 Javascript
使用postMesssage()实现iframe跨域页面间的信息传递
2016/03/29 Javascript
让你一句话理解闭包(简单易懂)
2016/06/03 Javascript
微信小程序 跳转方式总结
2017/04/20 Javascript
深入理解nodejs中Express的中间件
2017/05/19 NodeJs
解决npm安装Electron缓慢网络超时导致失败的问题
2018/02/06 Javascript
如何能分清npm cnpm npx nvm
2019/01/17 Javascript
记录一次开发微信网页分享的步骤
2019/05/07 Javascript
JS数组扁平化(flat)方法总结详解
2019/06/24 Javascript
vue-devtools的安装和使用步骤详解
2019/10/17 Javascript
JS校验与最终登陆界面功能完整示例
2020/01/13 Javascript
Python正则表达式使用范例分享
2016/12/04 Python
使用Python给头像加上圣诞帽或圣诞老人小图标附源码
2019/12/25 Python
Python中BeautifulSoup通过查找Id获取元素信息
2020/12/07 Python
HTML5之SVG 2D入门13—svg对决canvas及长处和适用场景分析
2013/01/30 HTML / CSS
群众路线对照检查材料思想汇报怎么写
2014/09/18 职场文书
初中信息技术教学计划
2015/01/22 职场文书
英文升职感谢信
2015/01/23 职场文书
党风廉正建设责任书
2015/01/29 职场文书
幼儿园小班个人工作总结
2015/02/12 职场文书
办公室年度工作总结2015
2015/05/21 职场文书
历史博物馆观后感
2015/06/05 职场文书
2016年“世界气象日”广播稿
2015/12/17 职场文书
我的中国梦心得体会范文
2016/01/05 职场文书
Tensorflow与RNN、双向LSTM等的踩坑记录及解决
2021/05/31 Python
python缺失值的解决方法总结
2021/06/09 Python
据Python爬虫不靠谱预测可知今年双十一销售额将超过6000亿元
2021/11/11 Python