Question

我使用此javascript来控制菜单下拉列表。

是否可以告诉脚本始终显示子菜单 - 但只有在有子菜单的情况下？希望有人可以提供帮助。

Ex代码：http://jsfiddle.net/zQU7H/

Answer 1

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

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

不是最终解决方案

Answer 2

已编辑以满足评论需求

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

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

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

<强> ORIGINAL

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

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

希望这有帮助。

JavaScript菜单控件子菜单

2 个答案: