                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /JS实现京东无延迟菜单效果

鼠标在列表项之间移动时会产生空的sub块，请问有什么解决方法吗？

按照老师的代码敲会出现如题这个情况，看到视频最后老师演示时也出现了这个情况，请问有什么好的解决方法吗？

pajnting

2017-10-02

源自：JS实现京东无延迟菜单效果 4-2

关注问题我要回答

2038

操作

收起

2 回答

pajnting 提问者
2017-10-04

$('#test').on('mouseenter', 'li', function(e) {
            if (!activeRow) {
                activeRow = $(e.target);
                activeRow.addClass('active');
                activeMenu = $('#' + activeRow.data('id'));
                activeMenu.removeClass('none');
                return
}

问题应该是这一段代码，在菜单列表之间移动时，有时会判定到li里的子项上。不知道该怎么修改

0 回复有任何疑惑可以回复我~

#1

有点像鼠标放到了li与li之间的间隔上了试试li的高度与行高一致，li去掉margin

2017-10-04 回复有任何疑惑可以回复我~

#2

山_3 回复山_3

给二级菜单容器取消隐藏的事件是绑定在ul上的而二级菜单内容的取消隐藏事件是绑定在li上的把给容器取消隐藏绑定到li上就好了

2017-10-04 回复有任何疑惑可以回复我~

山_3
2017-10-04

因为这个列表没有添加二级子菜单的内容吧

0 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

JS实现京东无延迟菜单效果

参与学习 57660 人
解答问题 138 个

JS模拟京东商城无延迟菜单效果，学习菜单结构和样式处理

本课相似问答

1 回答请问老师我这个代码鼠标想移动到2级菜单时移动不上去？该怎么写

2 回答这段代码每次离开的时候都会让子菜单马上隐藏,鼠标有可能移动到子菜单吗?求解,好急

1 回答300ms这和时间内鼠标移出了非一级菜单和非二级菜单的其他区域会报错

5 回答为什么我的效果是反的，在左边列表项移动时，背景色和二级菜单的切换变延迟了，但是移到二级菜单时，二级菜单却消失了

4 回答当鼠标指向div，但并没有指向li时，为什么会出现这种白框？

搜索更多本课相关问答

鼠标在列表项之间移动时会产生空的sub块，请问有什么解决方法吗？

我要回答关注问题

意见反馈帮助中心 APP下载