Показать сообщение отдельно
  #8 (permalink)  
Старый 23.07.2018, 16:15
Профессор
Отправить личное сообщение для Igorsrt Посмотреть профиль Найти все сообщения от Igorsrt
 
Регистрация: 21.02.2016
Сообщений: 271

Сообщение от j0hnik Посмотреть сообщение
<nav>
	<ul>
		<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
		<li>
			<a href="[[~70]]"><span>Пункт меню с выпадающим списком</span></a>
			<ul>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
				<li><a href="[[~73]]"><span>Пункт подменю</span></a></li>
			</ul>
		</li>
		<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
		<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
		<li><a href="[[!++site_url]]"><span>Пункт меню</span></a></li>
	</ul>
</nav>
<script>
	var z = Math.floor(document.querySelectorAll('ul li ul li').length / 5);
		[].forEach.call(document.querySelectorAll('ul li ul li:nth-child('+z+'n-'+(z-1)+')'),function(el,i){
			el.insertAdjacentHTML('beforebegin', '<li><ul></ul></li>');
			var wrap = document.querySelectorAll('ul li ul li ul')[i];
			var x = z-1;
			while(x-- && el.nextElementSibling) wrap.appendChild(el.nextElementSibling);
			wrap.insertBefore(el, wrap.firstChild);
		});
	
</script>


если ровно не делится остатки будут перекинуты в следующий блок

плохо что нет классов нигде
маленько не так... попробовал добавить в список еще пару элементов - появилась шестая колонка (а мне нужно именно 5)... классы добавить не проблема (они там вообще есть, это я так для упрощения все постирал... давайте например добавим в пример <nav class="mymenu">, что бы конкретная привязка была)
Ответить с цитированием