JavaScript 菜单控件子菜单

JavaScript menu control sub-menu

本文关键字：菜单 控件 JavaScript      更新时间：2023-09-26

我用这个javascript来控制菜单下拉菜单。

是否可以告诉脚本始终显示子菜单 - 但前提是有子菜单？希望有人能帮忙。

防爆代码：http://jsfiddle.net/zQU7H/

编辑以满足评论中解释的需求

在了解了您的需求之后（请下次尝试更好地解释您的问题），这里有一个更新的小提琴，mgiht 可以帮助您。在这种情况下，我建议（如果我错了，请纠正我）ou 不要在您的站点中使用带有哈希的链接，它的作用是在 url 处搜索哈希，这个哈希应该等于您想要显示子菜单的元素的标题（您可以突出显示它）。例：

<a title="Bestilling" href="http://www.example.com/mypage.html#Handelsbetingelser"></a>

您可以手动或使用 jquery 执行此操作：

$("#productNav ul li").each(function(){
    var title = $(this).children("a").attr("title");
    $(this).find("li a").attr("href",function(index,oldattr){
        return oldattr+"#"+title;
    });
});

此代码将添加主题标签和标题菜单父级。

源语言

我不知道我是否正确理解了你的问题，但如果有帮助，我已经更新了khaled_webdevs小提琴：http://jsfiddle.net/zQU7H/5/。

它一次只显示一个子菜单，如果应该显示另一个子菜单，它会更改它。在这个例子中，我制作了第一个带有子菜单的元素来显示，但你可以删除它，并通过添加类"current"来使任何你不想首先显示的子菜单。

希望这有帮助。

我添加了一个类电流来模拟与 li 的活动链接

http://jsfiddle.net/zQU7H/2/

也许不是最终解决方案

相关文章：