javascript - jQuery - 有没有办法“保存”dom元素（css）的状态并恢复到保存的状态等......？

Question

我有一个 CSS 菜单，它也有子菜单等。问题是，我必须为 tab/jaws 用户创建 eventHandlers。似乎当我使用 show()/hide() 操作菜单时，它会破坏固有的 css 选择器及其状态，因此，如果用户想要同时移动选项卡和鼠标，它将无法正常工作。他们要么必须使用所有鼠标或标签等。

我可以为鼠标悬停/退出等创建更多 js 事件处理程序。但是很好奇克隆父元素 onload 是否可行，并绑定到选项卡中，当他们“关闭”菜单时，我“恢复”到这个保存状态，然后用户可以使用鼠标悬停/移出等的css方法。

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

Answer 1

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

http://jsfiddle.net/5pvGG/

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

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

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