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>

　　推荐阅读

　　jQueryUI的Dialog的简单封装

写出的代码有点拧巴，需要再封装一下！于是就有了下面这个简单的DialogHelper辅助类，因为这篇文章分享的重点是思路，所以目前版本的代码也还非常粗糙。思路对了，后续再封装成什么样都不过是形式而已，希望这个思>>>详细阅读

本文标题：Confirmer JQuery确认对话框组件

地址：http://www.17bianji.com/kaifa2/JS/26227.html

1/2 1