javascript - JavaScript 菜单控制子菜单

Question

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

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

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

Answer 1

我添加了一个类 current 来模拟到 li 的活动链接

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

也许不是最终解决方案

Answer 2

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

在了解您需要什么之后（请下次尝试更好地解释您的问题），这是一个更新的Fiddle，mgiht 可以帮助您。在这种情况下，我假设（如果我错了，请纠正我）你没有在您的网站中使用带有哈希的链接，它所做的是在 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 Fiddle：http: //jsfiddle.net/zQU7H/5/。

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

希望这可以帮助。