美文网首页jQuery学习笔记
显示二级菜单的问题

显示二级菜单的问题

作者: 小人物的秘密花园 | 来源:发表于2017-04-18 15:13 被阅读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');

    });

    解决效果

    相关文章

      网友评论

        本文标题:显示二级菜单的问题

        本文链接:https://www.haomeiwen.com/subject/eznfzttx.html