Posted in Javascript onJune 09, 2010
插件截图:
用途:点击链接或按钮时要确认是否继续当前操作。
插件代码:
(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>
Confirmer JQuery确认对话框组件
声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@