美文网首页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');

});

解决效果

相关文章

  • 显示二级菜单的问题

    问题描述: 选择一级菜单时,没有二级菜的其他一级菜单也会执行二级菜单显示隐藏的方法; 实现方法 问题原因是:$('...

  • 小程序如何实现折叠菜单

    通常,菜单都有一级菜单二级、三级菜单之分,我们知道前端js的dom操作可以很好的控制二级菜单的显示与隐藏,当然今天...

  • 2019-03-06

    今日依旧是在赶寒假任务,今晚的主要内容是制作隐藏的二级菜单,当点击一级菜单时显示二级菜单。 之前有制作过一...

  • 鼠标划过多级联动菜单制作方案

    如果你的项目需要制作3级以上联动菜单,就是那种鼠标划过一级菜单时二级菜单会显现、并同时会显示一个默认的三级菜单,而...

  • 关于2级菜单栏中a和li样式的混淆

    html部分 二级菜单的放置位置不要把二级菜单放到a标签里面,如果二级菜单里面也有a标签的话,会导致元素错位。二级...

  • 导航栏+面包屑(js手动实现)

    1,页面视图 一级菜单 一级菜单高亮 二级菜单 二级菜单下拉,父级高亮 二级菜单选项高亮 2, 以上视图就总结完了...

  • Qt编写自定义控件39-导航标签

    一、前言 在很多菜单导航界面中,当单击了二级菜单或者三级菜单以后,顶部会显示带箭头或者其他标识的导航标签,可以单击...

  • js模仿京东无延迟菜单效果

    开发基本菜单结构,普通二级菜单效果,加入延迟解决移动问题,解决延迟引入的新问题 function.js封装的函数: }

  • iview左侧导航实现

    1、二级菜单name如果相同,选中二级菜单后,其他一级菜单中的二级菜单也会被选中,name要定义不同参数{name...

  • cdr2017无法保存、另存为、导出的可能原因及解决办法

    情况一:CDR无法保存、无法导出,无法另存为,文件菜单下的二级菜单是可点击状态,但点击无反应,无弹窗显示。 情况二...

网友评论

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

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