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

jQuery - Is there a way to 'save' a state of dom elements (css) and revert to that saved state etc..?

本文关键字:状态 保存 css 恢复 元素 有没有 dom jQuery      更新时间:2023-09-26

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

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

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

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

http://jsfiddle.net/5pvGG/

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