-3

我正在尝试向我似乎无法获得的下拉导航添加一个子级别。

我不知道如何处理 JS 代码来处理子级别或 css（它没有按预期工作，并且菜单项成行下降）

小提琴可以在这里找到：http: //jsfiddle.net/WPNMN/7/

编辑：提前发布，我已经尝试添加功能，以及ul li ul，但仍然无济于事。ulul li ul liul li

有人对从哪里开始有任何指示吗？

编辑：我已经修复了我链接的 jsfiddle，它甚至没有显示它应该如何开始，不确定发生了什么，但现在对其进行了排序。

4

3 回答 3

2

我给你更新了js

$(document).ready(function(){

$('.rs_nav_menu li').hover(
function () {
    $(this).addClass('active');
    $(this).children('ul').fadeIn('fast');
},
function () {
    $(this).removeClass('active');
    $(this).children('ul').fadeOut();
}
);
});

和一些 css 检查jsFiddle Link

希望这对你有用。

于 2013-05-30T12:53:13.053 回答
0

我不确定您的菜单应该是什么样子，但是当谈到下拉菜单时，我喜欢Suckerfish 解决方案的儿子。这是一个只有 css 的解决方案（除了不支持 :hover 伪类的浏览器）和有效的 html。

于 2013-05-30T12:48:28.533 回答
0

这可以解决问题；无需为此使用任何 jQuery 或 javascript...

ul ul { display:none; }
ul a:hover ul { display:block }

只需确保在 a 标签内设置 ul

于 2013-05-30T13:01:10.230 回答