Plugin:
Purpose: click the link or button to confirm whether to continue the current operation.
Plug-in code:
Copy codeThe Code is as follows:
(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 );
Usage:
1. $ (". delete"). confirmer ();
2. $ (". delete"). confirmer ({msg: 'Are you sure you want to delete it? '});
Example:
Copy codeThe Code is as follows:
<! 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: 'Are you sure you want to delete it? '});
})
</Script>
</Head>
<Body>
<Button id = "btnDelete" class = "delete"> delete </button>
<A id = "lnkDelete" class = "delete" href = "http://www.baidu.com"> delete </a>
</Body>
</Html>