Question

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

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

问题是什么？我该如何解决这个问题？

由于

Answer 1

这可能不是一个完整的解决方案，但它可能会帮助您找到主要问题。每次将鼠标悬停在其中一个顶部链接“精选”“新餐厅”“按类别”“按位置”“查看全部”时，＃flyout菜单下的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>节点上删除并重新添加所选类时，您的弹出菜单javascript会隐藏<li>片刻。然后重新显示<div>。这会导致闪烁。不要隐藏<div>。

链接悬停在Mega菜单中闪烁/闪烁

2 个答案: