jQuery Undo
- 授权协议: 未知
- 开发语言:
- 操作系统: 未知
- 软件首页: http://plugins.jquery.com/project/undo
软件介绍
This plugin provides a global undo utility.
You can add undo items to the stack with:
$.undo(callback, target, message)
Where the callback function knows how to perform the actual undo-ing when executed. This will automatically display the message (or a default one created if that parameter is absent) and an "Undo" link within items matching the '.undo' selector (which is customizable by setting $.undo.notice.selector. If no action is taken within 60 seconds, this message is hidden. If the "Undo" link is clicked or you manually call:
$.undo()
then the plugin will execute the callback function (passing in the target as the parameter, if a target was provided).
If you simply create an empty <div class="undo"></div> in your page and start adding undo functions to $.undo(undoAction), things should "just work" as described above. If you want more explicit control of the displayed messages, there are a variety of settings and functions you can alter in $.undo.notice that can help you customize the behavior or plug
the functionality into your own custom markup.
To enable the use of Ctrl-z to trigger undo execution, you can call:
$.undo.supportsCtrlz(true)
By default this is disabled.
The recommended CSS for the classes involved is:
.undo {
background: #FFF1A8;
color: black;
display: none;
font-size: 85%;
font-weight: bold;
margin:3px 0px;;
padding: 5px 15px;
text-align: center;
}
.undo-message {
text-align: center;
}
a.undo-execute {
color: blue;
padding: 0px 2px 0px 10px;
}
a.undo-cancel {
font-size: 80%;
text-decoration: none;
vertical-align: center;
}
