Почему выпадающий список не позволяет мне щелкнуть элемент IE, но он отлично работает в Firefox, Chrome и т. Д.?

Question

Я использую плагин jquery mega для выпадающего меню .В одном из меню я хотел добавить выпадающий список.Он отлично работает в Firefox, Chrome (как показано на скриншоте ниже)

, но в IE, когда я нажимаю на выпадающий список выбора и наводим курсор на один из элементов в спискеболее чем на секунду все меню исчезает (как будто оно думает, что я больше не зависаю над меню.

Я могу воспроизвести проблему в этом примере (нажмите «Продажи»)

Любые предложения о том, как получить выпадающий список, отображаемый в мега-меню jquery

Answer 1

С какой версией IE у вас проблемы? Он работает нормально в IE7 и IE8 - см. Подменю «Продажа»:

Ссылка отредактирована:

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

Answer 2

Причиной вашей проблемы является сам код плагина.Проблема: IE не считает свои «элементы выбора» частью действительной опции выбора.

Добавление этого кода в jquery должно решить проблему:

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

Пожалуйста, держите меня в курсе.

Answer 3

Я предполагаю, что IE предполагает, что вы оставили фокус из выпадающего меню, когда вы нажимаете на поле выбора, поэтому он пытается скрыть меню. Вам придется исправить код библиотеки, чтобы убедиться, что вы больше не наводите курсор мыши на меню И поле выбора не имеет фокуса. Одним из мест для начала является функция. Сначала выполните проверки перед тем, как скрыть меню.

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