jQuery学习笔记

显示二级菜单的问题

2017-04-18  本文已影响18人  小人物的秘密花园

问题描述:

选择一级菜单时,没有二级菜的其他一级菜单也会执行二级菜单显示隐藏的方法;

问题1

实现方法

问题原因是:$('.list li')获取的是所有的li,不是单个

$('.list li').mouseover(function() {

$('.child').css('display','block');

}).mouseout(function() {

$('.child').css('display','none');

});

解决方案

找到当前选择的一级菜单的二级菜单

$('.list li').mouseover(function() {

$(this).find('.child').css('display','block');

}).mouseout(function() {

$(this).find('.child').css('display','none');

});

解决效果
上一篇 下一篇

猜你喜欢

热点阅读