Javascript 我只是想在一些div中创建简单的菜单链接？

我只想在一些动画div中创建简单的菜单链接，问题是如果mous移动到它里面的li上，div就会消失，但是如果div为空，它会正常工作吗

我想到的第一件事是我必须防止事件传播，所以我将它添加到了sum菜单中的元素li，但仍然面临同样的问题

功能性汗{ $'subnum1'。隐藏'fold'，'slow'； $‘子菜单2’。隐藏‘折叠’、‘慢速’； $‘子菜单3’。隐藏‘折叠’、‘慢速’； $‘子菜单4’。隐藏‘折叠’、‘慢速’； } $'子菜单1，子菜单2，子菜单3，子菜单4'。在'mouseout'，hidemneu； $'btn1'。在'mouseover'上，函数{ 汗腺； $“子菜单1”。偏移量{ 左：$'btn1'.offset.left }; $‘子菜单1’。显示折叠； }; $'btn2'。在'mouseover'上，函数{ 汗腺； $“子菜单2”。偏移量{ 左：$'btn2'.offset.left }; $‘子菜单2’。显示折叠； }; $'btn3'。在'mouseover'上，函数{ 汗腺； $“子菜单3”。偏移量{ 左：$'btn3'.offset.left }; $‘子菜单3’。显示折叠； }; $'btn4'。在'mouseover'上，函数{ 汗腺； $“子菜单4”。偏移量{ 左：$'btn4'.offset.left }; $‘子菜单4’。显示折叠； }; $a.on'mouseover'，functionevent{ 事件。停止传播； }; $li.在'mouseover'上，functionevent{ 事件。停止传播； }; $ul.关于“鼠标悬停”，functionevent{ 事件。停止传播； }; btn1， btn2， btn3， btn4{ 显示：内联块； 背景色：ff8d73； 宽度：100px； 大纲：1px 000000； 右侧填充：30px； } 菜单包装器{ 宽度：100%； 背景色：b7dcff； 文本对齐：居中； } 子菜单1， 子菜单2， 子菜单3， 子菜单4{ 宽度：300px； 高度：200px； 大纲：1px 000000； 浮动：左； 左：0； 位置：绝对位置； 显示：无； } 子菜单1{ 背景色：f00700 } 子菜单2{ 背景色：a6baf0 } 子菜单3{ 背景色：7af044 } 子菜单4{ 背景色：f0dc35 } 子包装器：之后{ 明确：两者皆有； } 锂， a{ 大纲：1px 000000； } 按钮1 按钮2 按钮3 按钮4 选择1 手术室2

---

更改javascript的第8行似乎可以做到这一点：

发件人：

到

功能性汗{ $'subnum1'。隐藏'fold'，'slow'； $‘子菜单2’。隐藏‘折叠’、‘慢速’； $‘子菜单3’。隐藏‘折叠’、‘慢速’； $‘子菜单4’。隐藏‘折叠’、‘慢速’； } $'子菜单1，子菜单2，子菜单3，子菜单4'。鼠标； $'btn1'。在'mouseover'上，函数{ 汗腺； $“子菜单1”。偏移量{ 左：$'btn1'.offset.left }; $‘子菜单1’。显示折叠； }; $'btn2'。在'mouseover'上，函数{ 汗腺； $“子菜单2”。偏移量{ 左：$'btn2'.offset.left }; $‘子菜单2’。显示折叠； }; $'btn3'。在'mouseover'上，函数{ 汗腺； $“子菜单3”。偏移量{ 左：$'btn3'.offset.left }; $‘子菜单3’。显示折叠； }; $'btn4'。在'mouseover'上，函数{ 汗腺； $“子菜单4”。偏移量{ 左：$'btn4'.offset.left }; $‘子菜单4’。显示折叠； }; $a.on'mouseover'，functionevent{ 事件。停止传播； }; $li.在'mouseover'上，functionevent{ 事件。停止传播； }; $ul.关于“鼠标悬停”，functionevent{ 事件。停止传播； }; btn1， btn2， btn3， btn4{ 显示：内联块； 背景色：ff8d73； 宽度：100px； 大纲：1px 000000； 右侧填充：30px； } 菜单包装器{ 宽度：100%； 背景色：b7dcff； 文本对齐：居中； } 子菜单1， 子菜单2， 子菜单3， 子菜单4{ 宽度：300px； 高度：200px； 大纲：1px 000000； 浮动：左； 左：0； 位置：绝对位置； 显示：无； } 子菜单1{ 背景色：f00700 } 子菜单2{ 背景色：a6baf0 } 子菜单3{ 背景色：7af044 } 子菜单4{ 背景色：f0dc35 } 子包装器：之后{ 明确：两者皆有； } 锂， a{ 大纲：1px 000000； } 按钮1 按钮2 按钮3 按钮4 选择1 手术室2

---

你不需要停止活动道具。你能澄清这个问题吗？单击btn1时，是否显示子菜单1？然后，如果你点击btn2，它会隐藏子菜单1并显示子菜单2，这就是想法吗？实际上，这个想法是当点击btn1时，子菜单1会出现，直到现在一切都正常，工作正常，但当我在这个子菜单内的链接中悬停时，整个子菜单就会消失！！我需要这个子菜单只是为了dispper，如果我离开它，但它这样做时，即使我悬停在它里面的一些链接！什么时候调用hidemneu？当divsubmenu1的鼠标移出时，我不知道是什么问题！它应该是直接的工作下拉菜单！那一套：/谢谢伙计，RMo问题解决了！

 $('#submenu1, #submenu2, #submenu3, #submenu4 ').on('mouseout', hidemneu);

 $('#submenu1, #submenu2, #submenu3, #submenu4 ').mouseleave(hidemneu);