jquery - 使用 jquery 显示子菜单项

Question

我在使用 jQuery 中的各种函数来显示/制作可见的子菜单内容时遇到问题。它不起作用，我不知道为什么。如果有人可以帮助我，我将不胜感激。

基本思想是，当我将鼠标悬停在链接上时（它是真实应用程序中的图像），我需要弹出子菜单。

function openMenu() {
    $("#block a").hover(function () {
        $("#block .list .submenu").css({
            visibility: "visible"
        });

        $("#block .list .submenu").css({
            display: "block"
        });

        $("#block .list .submenu").show();
        $("#block .list .submenu").css({"color": "yellow"});
    });
}

这是代码

Answer 1

因为你的javascript永远不会运行，你编写你认为它将在函数中运行的代码，试试这个：

$(document).ready(function(){
    $("#block a").hover(function () {
        $("#block .list .submenu").css({
            visibility: "visible"
        });

        $("#block .list .submenu").css({
            display: "block"
        });

        $("#block .list .submenu").show();
        $("#block .list .submenu").css({"color": "yellow"});
    });
});

Answer 2

对于菜单，我建议使用由 Joel Brich 开发的 Superfish Menu 插件

GitHub 仓库：https ://github.com/joeldbirch/superfish

这很棒，因为您可以随心所欲地对其进行自定义，并且您对所有类型的移动和桌面浏览器都有很好的复古兼容性。

最好的，圣地亚哥