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"});
    });
}

Here is the code

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菜单插件

GitHub回购：https://github.com/joeldbirch/superfish

这很棒，因为您可以根据需要自定义它，并且与所有类型的移动和桌面浏览器具有很好的复古兼容性。

最佳，圣地亚哥

使用jquery显示子菜单项

2 个答案: