0

我对 Javascript 比较陌生，并且遇到以下脚本的问题：

// Keep Focus On Site Menu //
function menuFocus() {
    $('#menu').addClass('hover');
}

function menuBlur() {
    $('#menu').removeClass('hover');
}

$(document).ready(function() {
    $('#submenu-mgmt').hover(menuFocus,menuBlur);
});

$(document).ready(function() {
    $('#submenu-label').hover(menuFocus,menuBlur);
});

本质上，当用户使用两个单独的 DIV ID 将鼠标悬停在辅助菜单系统上时，我试图在非同级 DIV ID 上保持“悬停”效果。我将其设计为包含 3 个 DIV ID，“#Menu”是标题菜单区域。'#Submenu-Mgmt' 和 '#Submenu-Label' 在到达时都是隐藏的，但可以通过单击显示/隐藏 DIV 的链接打开。

这是针对当前活动的页面的——虽然这个问题不会影响网站的成败，但当用户的鼠标悬停在子菜单上时，菜单区域会失去焦点，这将是一个不错的选择。

有问题的页面：http: //www.parkthevan.com/index.php。

4

1 回答 1

1

将额外的子菜单 ID 添加到添加类功能应该可以做到。如果您的悬停类具有隐藏/显示类以外的其他显示质量，您也可以使用 .css。我会把它们都包括在这里给你。:) （注意 // 是 javascript 中的注释）您还希望对删除执行相同的操作 - 您只需要准备一次文档。

    function menuFocus() {
       $('#menu, #submenu-mgmt, #submenu-label').addClass('hover');
       // or
       //$('#submenu-mgmt, #submenu-label').css('display', 'block');
    }

    function menuBlur() {
       $('#menu, #submenu-mgmt, #submenu-label').removeClass('hover');
       // or
       //$('#submenu-mgmt, #submenu-label').css('display', 'none');
    }

    $(document).ready(function() {
       $('#submenu-mgmt').hover(menuFocus,menuBlur);
       $('#submenu-label').hover(menuFocus,menuBlur);
    });
于 2012-12-05T19:05:16.737 回答