Вложенность меню

297
22 февраля 2018, 16:12

здравствуйте, у меня такой вопрос, у меня есть меню, в нем ul, в каждой ul есть li. Каждый последующий элемент зависит по высоте от дочки

 function cheked_heights(){
  console.log('> cheked_heights')
  var subcat = $('.subcat') // место в DOM  где находится нужное меню
  var ul_lvl_1 = subcat.children('ul') // ul - 1-ого уровня
  var ul_lvl_1_height = ul_lvl_1.height() // высота этого ul
  var li_lvl_1 = ul_lvl_1.children('li') // все li, которые находяься в ul 1-ого уровня
  li_lvl_1.each(function(i,d){ // перебор всех li
    var li = $(d) //все li 1-ого уровня у ul
    var ul = li.children('ul') // у каждой li есть свой ul
    ul.attr('style', 'min-height: ' + ul_lvl_1_height + 'px;') //
  })
} 

Как использовать переменные li и ul для lvl_2 ?

function cheked_heights(){
  console.log('> cheked_heights')
  var subcat = $('.subcat') // место в DOM  где находится нужное меню
  var ul_lvl_1 = subcat.children('ul') // ul - 1-ого уровня
  var ul_lvl_1_height = ul_lvl_1.height() // высота этого ul
  var li_lvl_1 = ul_lvl_1.children('li') // все li, которые находяься в ul 1-ого уровня
  li_lvl_1.each(function(i,d){ // перебор всех li
    var li = $(d) //все li 1-ого уровня у ul
    var ul = li.children('ul') // у каждой li есть свой ul
    ul.attr('style', 'min-height: ' + ul_lvl_1_height + 'px;') //
    var li_lvl_2 = ul.children('li') //*
     li_lvl_2.each(function(i,d))   //*
  })
}

Можно продолжить вложенность вот так, (где *), но у меня в менюшке всплывающих подменюшек 5, т.е это немного неправильно

READ ALSO
Firebase Вывести списком JS

Firebase Вывести списком JS

Нужно вывести все дочерние элементы списком "< ul>< /ul>"

334
Angular, TypeScript, tslint &hellip; одинарные кавычки вместо двойных?

Angular, TypeScript, tslint … одинарные кавычки вместо двойных?

Использую VS Code, стоит расширение tslintВесьма требовательное, но в целом - всё подсказывает верно

324
html тэг вместо стандартного маркера google maps API

html тэг вместо стандартного маркера google maps API

У гугл карт ест такая настройка: изменять стандартный маркер на свою картинку

250
delay как элемент массива

delay как элемент массива

Друзья, пытаюсь создать анимацию - эффект движения сквозь коридорЭлементов пусть пока 3

328