我的子菜单突然消失了,当我将鼠标悬停在菜单项上时,它不再显示。我检查了我的可湿性粉剂仪表板上的菜单部分,它在那里,并分配到显示。子菜单仍然显示在移动设备上,但在全功能浏览器上,子菜单项停止显示。我停用了所有的插件,以检查是否存在冲突,但该事件似乎与插件无关。这更像是我遇到的CSS问题。
这是我的网站: my CSS:
感谢你们,我的菜单现在可以使用了,因为子菜单显示的时间足够长,用户可以将鼠标移到链接上。不幸的是,它并不完全正确。即使用户将鼠标放在子菜单上,该子菜单也会关闭。我已经添加了下面的HTML代码以及修改后的js文件代码。我认为问题出在$('.myMenu > li').bind('mouseout',closeSubMenu);行中。也许另一种选择是在调用openSubMenu函数后有一个超时延迟,以便在子菜单隐藏之前至少给用户8秒左右的时间。这对我来说是一个可以接受的解决方案。
<!-- HTML menu code below -->
<
我有两个菜单,我想使用切换开关来切换它们。交换它们是没有问题的,但我不能得到正确的动画。 当在两个菜单之间切换时,我希望第一个菜单弹出屏幕,第二个菜单同时弹出第一个菜单的位置。 我用我到目前为止尝试过的东西做了一个codepen: https://codepen.io/twan2020/pen/OJRXMLo 如何创建看起来平滑的交换动画?就像洗一副牌一样,旧的菜单会弹出动画,而新菜单会同时弹出动画。 我的HTML: <div class="animate__animated" id="menu1">
This is menu 1
</d