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 相关文章推荐
OfflineSave离线保存代码再次发布使用说明
May 23 Javascript
jscript之List Excel Color Values
Jun 13 Javascript
JQuery验证工具类搜集整理
Jan 16 Javascript
jQuery extend 的简单实例
Sep 18 Javascript
简单的代码实现jquery定时器
Nov 17 Javascript
JavaScript函数节流概念与用法实例详解
Jun 20 Javascript
微信小程序-详解数据缓存
Nov 24 Javascript
JS基于正则表达式的替换操作(replace)用法示例
Apr 28 Javascript
jQuery动态移除与增加onclick属性的方法详解
Jun 07 jQuery
小程序实现左滑删除效果
Jul 25 Javascript
vue keep-alive 动态删除组件缓存的例子
Nov 04 Javascript
node crawler如何添加promise支持
Feb 01 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新建类问题分析及解决思路
2015/11/19 PHP
thinkPHP2.1自定义标签库的导入方法详解
2016/07/20 PHP
php实现图片按比例截取的方法
2017/02/06 PHP
php 中的closure用法详解
2017/06/12 PHP
PHP中$GLOBALS['HTTP_RAW_POST_DATA']和$_POST的区别分析
2017/07/03 PHP
Javascript 判断 object 的特定类转载
2007/02/01 Javascript
document.documentElement和document.body区别介绍
2013/09/16 Javascript
JS获取计算机mac地址以及IP的实现方法
2014/01/08 Javascript
js判断浏览器是否支持html5
2014/08/17 Javascript
js点击button按钮跳转到另一个新页面
2014/10/10 Javascript
jQuery ajax请求返回list数据动态生成input标签,并把list数据赋值到input标签
2016/03/29 Javascript
ArtEditor富文本编辑器增加表单提交功能
2016/04/18 Javascript
由简入繁实现Jquery树状结构的方法(推荐)
2016/06/10 Javascript
JS 根据子网掩码,网关计算出所有IP地址范围示例
2020/04/23 Javascript
浅谈jQuery效果函数
2016/09/16 Javascript
详解JavaScript中js对象与JSON格式字符串的相互转换
2017/02/14 Javascript
vue-router3.0版本中 router.push 不能刷新页面的问题
2018/05/10 Javascript
在vue2.0中引用element-ui组件库的方法
2018/06/21 Javascript
详解webpack 最简打包结果分析
2019/02/20 Javascript
JavaScript的级联函数用法简单示例【链式调用】
2019/03/26 Javascript
Vue 中使用富文本编译器wangEditor3的方法
2019/09/26 Javascript
JS实现简单tab选项卡切换
2019/10/25 Javascript
jQuery与原生JavaScript选择HTML元素集合用法对比分析
2019/11/26 jQuery
jQuery实现简单轮播图效果
2020/12/27 jQuery
深入理解python中的闭包和装饰器
2016/06/12 Python
深入理解NumPy简明教程---数组2
2016/12/17 Python
Python 通过打码平台实现验证码的实现
2019/05/13 Python
python3 requests库实现多图片爬取教程
2019/12/18 Python
keras:model.compile损失函数的用法
2020/07/01 Python
美赞臣营养马来西亚旗舰店:Enfagrow马来西亚
2019/07/26 全球购物
青年教师典范事迹材料
2014/01/31 职场文书
机关会计岗位职责
2014/04/08 职场文书
药店促销活动总结
2014/07/10 职场文书
超市开店计划书
2014/09/15 职场文书
售房协议书范本2014
2014/10/23 职场文书
python树莓派通过队列实现进程交互的程序分析
2021/07/04 Python