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;
}

本文地址：https://codercto.com/soft/d/23442.html