0

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

сейчас все как бы работает правильно, за исключением одного момента:

-если мы наводи скажем на Сухие смеси, открывается второй блок меню, все ок, но если сразу вернуться на Сухие смеси то второй блок выпадающий обрежется (поводите мышкой туда сюда и это четко видно) pic-1 -далее переходим на второй блок пункт Штукатурки - все ок pic-2 - но если мы вернемся на начальный первый блок - пункт Сухие смеси, то второй выпадающий блок укорачивается обрезая длинну под уровень первого блока pic-3 выравнивание блоков я сделал с помощью вот такого скрипта

$('.parent').hover(
  function() {

    hchild = $(this).children('ul').outerHeight(true) + 4;
    hparent = $(this).parents('.submenu').outerHeight(true);
    if (hchild > hparent) {
      $(this).parents('.submenu').css('height', hchild);
      if (!$(this).parent("ul").is(".level-1")) {
        $(this).parent("ul").css('height', hchild - 4);
      }
    } else {
      if (hchild < hparent) {
        $(this).children('ul').css('height', hparent - 4);


      }

    }

  },
  function() {
    $(this).parents('.submenu').removeAttr("style");
    $(this).children('ul').removeAttr("style");
    //$(this).parent("ul").removeAttr("style");
  });

и вот не могу понять где косяк, почему так происходит? Помогите разобраться. Спасибо.

1 ответ 1

1

Проблема в том, что когда бы уводите мышь из второго раздела в первый сначала срабатывает mouseOver пункта меню "строительные смеси", потом mouseOut пункта меню из которого была мышь убрана. Получается, что сначала задается высота, а потом сразу-же стирается.

Лучше сделайте один обработчик события на оба события, а активное меню определяйте через селектор :hover

1
  • можно подробней, об одном обработчике обеих событий, а то голова уже не варит совсем
    – invited
    22 мар 2017 в 16:57

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.