加入收藏 | 设为首页 | 会员中心 | 我要投稿 源码网 (https://www.900php.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 服务器 > 搭建环境 > Unix > 正文

Confirmer JQuery确认对话框组件

发布时间:2016-11-23 15:16:26 所属栏目:Unix 来源:站长网
导读:插件截图: 用途:点击链接或按钮时要确认是否继续当前操作。 插件代码: 复制代码 代码如下: (function($){ $.fn.confirmer = function(options){ var defaults = { msg:"Are you sure to delete it ?" } var options = $.extend(defaults, options); var

插件截图:

用途:点击链接或按钮时要确认是否继续当前操作。

插件代码:
复制代码 代码如下:
(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:'确认删除吗?'});
示例:
复制代码 代码如下:
lt;!DOCTYPE html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"gt;
lt;html xmlns="http://www.w3.org/1999/xhtml"gt;
lt;headgt;
lt;titlegt;jquery.confirmer.jslt;/titlegt;
  lt;meta http-equiv="Content-Type" content="text/html; char set=utf-8" /gt;
lt;script type="text/javascript" language="javascript" src="js/jquery.js"gt;lt;/scriptgt;
lt;script type="text/javascript" language="javascript" src="js/jquery.confirmer.js"gt;lt;/scriptgt;
lt;script type="text/javascript"gt;
$().ready(function(){
$(".delete").confirmer();
//$(".delete").confirmer({msg:'确认删除吗?'});
})
lt;/scriptgt;
lt;/headgt;
lt;bodygt;
lt;button id="btnDelete" class="delete"gt;删除lt;/buttongt;
lt;a id="lnkDelete" class="delete" href="http://www.baidu.com"gt;删除lt;/agt;
lt;/bodygt;
lt;/htmlgt;

(编辑:源码网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    热点阅读