Confirmer JQuery确认对话框组件

  插件截图:

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>