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

Question

我有一个 css 菜单，它也有子菜单等。问题是，我必须为 tab/jaws 用户创建事件处理程序。似乎当我使用 show()/hide() 操作菜单时，它会破坏固有的 css 选择器及其状态，因此如果用户想要同时移动选项卡和鼠标 - 它不会起作用。他们要么必须使用所有鼠标或 Tab 键等。

我可以为鼠标悬停/移出等创建更多的 js 事件处理程序..但很好奇是否可以克隆加载的父元素，并绑定(bind)到标签“关闭”时的标签菜单，我“恢复”到这个保存的状态，这样用户就可以使用 mouseover/out 等 css 方法。

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

Answer 1

这是一个按照您的建议保存和恢复菜单的示例。

http://jsfiddle.net/5pvGG/

var $saved = $('#cssmenu').clone();

$('#a').click( function() {
    $('#cssmenu').remove();
});

$('#b').click( function() {
    $('body').prepend($saved);
});