jQuery - 有没有办法'save' dom元素(css)的状态并恢复到保存的状态等？

Question

我有一个 css 菜单，它也做子菜单等，问题是，我必须为 tab/jaws 用户创建 eventHandlers。似乎当我使用 show（）/hide（） 操作菜单时，它会弄乱固有的 css 选择器及其状态，所以如果用户想同时进行选项卡和鼠标移动 - 它将不起作用。他们要么必须使用所有鼠标或选项卡等。

我可以为鼠标悬停/出出等创建更多的 js 事件处理程序。但是很好奇是否可以克隆加载父元素，并将其绑定到选项卡中，当他们"关闭"菜单时，我"恢复"到此保存状态，以便用户可以使用鼠标悬停/出等的 css 方法。

这有意义吗？或者这是否与为鼠标事件创建更多事件处理程序一样多的工作/开销？

Answer 1

下面是按照您的建议保存和恢复菜单的示例。

http://jsfiddle.net/5pvGG/

var $saved = $('#cssmenu').clone();
$('#a').click( function() {
    $('#cssmenu').remove();
});
$('#b').click( function() {
    $('body').prepend($saved);
});