javascript - 链接悬停时超级菜单中闪烁/闪烁

Question

请查看http://my-webpresence.com/work/yasir/dinecart/menu.html#。

当您将鼠标悬停在顶部菜单中的餐厅上，然后将鼠标悬停在“浏览”上，然后悬停在菜单中的任何链接上时，当您在任何链接上移动时，整个菜单都会“闪烁/闪烁”。

有什么问题，我该如何解决？

谢谢

Answer 1

这可能不是一个完整的解决方案，但它可能会帮助您找到主要问题。每次您将鼠标悬停在“精选”“新餐厅”“按类别”“按位置”“查看全部”的顶部链接之一上时，#flyout-menu 下的 li 从“活动选择”变为“浏览”再到“活动选定”。这就是闪烁发生的时候。

它可能与这里的此功能有关：

        $("#flyout-menu li").hover (function () {
            $("#flyout-menu li > div").hide();
            $("#flyout-menu li").removeClass('selected');

            $(this).addClass('selected')
            $(this).children('.nav-sub-1-right').show();

        });

Answer 2

当您在节点<div>上删除并重新添加选定的类时，您的Flyout 菜单 javascript 会暂时隐藏。<li>然后<div>重新显示。这会导致闪烁。不要隐藏<div>.