为什么选择下拉菜单不允许我在 IE 中单击某个项目，但在 Firefox、Chrome 等中却可以正常工作？

发布于 2025-01-07 16:39:52 字数 561 浏览 0 评论 0原文

我正在使用 jquery mega 下拉菜单插件。在其中一个菜单中，我想添加一个下拉框。它在 Firefox、Chrome 中工作正常（如下面的屏幕截图所示）

在此处输入图像描述

但在 IE 中，当我单击选择下拉列表并将鼠标悬停在选择中的一个项目上超过一秒，整个菜单消失（就好像它认为我不再将鼠标悬停在菜单上一样。

我能够重现此示例中的问题（单击“ Sales")

有关如何在 jquery mega 菜单上显示选择下拉菜单的任何建议

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

老娘不死你永远是小三 2025-01-14 16:39:52

您使用哪个版本的 IE 遇到问题？它在 IE7 和 IE8 中工作正常 - 请参阅“销售”子菜单：

编辑链接：

http://www.designchemical.com/lab/jquery-plugins/jquery-mega-drop-down-menu/menu2.html

回复收藏 0 原文

赢得她心 2025-01-14 16:39:52

问题的原因是插件代码本身。问题：IE 不将其“选择元素”视为实际选择选项的一部分。

将其添加到您的 jquery 代码中应该可以解决问题：

 $(".mega-hover select").mouseleave(function(event){
    event.stopPropagation();
  });

请随时通知我。

The cause of your issue is the plugin's code itself. The probelm: IE does not consider its "select elements" as part of the actual select option.

Adding this to your jquery code should solve the problem:

 $(".mega-hover select").mouseleave(function(event){
    event.stopPropagation();
  });

Please keep me posted.

回复收藏 0 原文

望她远 2025-01-14 16:39:52

我猜想，当您单击选择框时，IE 会假设您已从下拉菜单中离开焦点，因此它会尝试隐藏菜单。您必须修复库代码以验证您不再将鼠标悬停在菜单上并且选择框没有焦点。首先从函数开始。在隐藏菜单之前先执行检查。

function megaOut(){
            var subNav = $('.sub',this);
            $(this).removeClass('mega-hover');
            $(subNav).hide();
            // beforeClose callback;
            defaults.beforeClose.call(this);
        }

I would guess IE assumes you have left focus from the drop-down menu when you click on a select box, so it tries to hide the menu. You'll have to fix the library code to verify that you are no longer hovering over the menu AND a select box does not have focus. One place to start is the function. Perform your checks first before hiding the menu.

function megaOut(){
            var subNav = $('.sub',this);
            $(this).removeClass('mega-hover');
            $(subNav).hide();
            // beforeClose callback;
            defaults.beforeClose.call(this);
        }

回复收藏 0 原文

~没有更多了~