jQuery 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

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