Выподающее меню на pdoMenu
Всем привет)
Одноурровневое меню получается вывести, а вот &level=‘2’ нет, не пойму что куда поставлять. Помогите пожалуйста, первый раз делаю.
Одноурровневое меню получается вывести, а вот &level=‘2’ нет, не пойму что куда поставлять. Помогите пожалуйста, первый раз делаю.
<!-- Dropdown Structure -->
<ul id="dropdown1" class="dropdown-content">
<li><a href="#!">one</a></li>
<li><a href="#!">two</a></li>
<li class="divider"></li>
<li><a href="#!">three</a></li>
</ul>
<nav class="indigo darken-4">
<div class="container">
<div class="nav-wrapper">
<a href="#!" class="brand-logo center">Logo</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul class="left hide-on-med-and-down">
<li><a href="sass.html">Sass</a></li>
<li><a href="badges.html">Components</a></li>
<!-- Dropdown Trigger -->
<li><a class="dropdown-button" href="#!" data-activates="dropdown1">Dropdown<i class="material-icons right">arrow_drop_down</i></a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li><a href="sass.html">Sass</a></li>
<li><a href="badges.html">Components</a></li>
<li><a href="collapsible.html">Javascript</a></li>
<li><a href="mobile.html">Mobile</a></li>
</ul>
</div>
</div>
</nav>
Комментарии: 10
Второй уровень выводится с помощью плейсхолдера [[+wrapper]]
Вот здесь достаточно понятно написано во второй строчке, параметр &tpl
Вот здесь достаточно понятно написано во второй строчке, параметр &tpl
делаю так, но как-то все 2хаотично.
<nav class="indigo darken-4">
<div class="container">
<div class="nav-wrapper">
<a href="#" class="brand-logo center">Logo</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
[[pdoMenu?
&parents=`0`
&level=`2`
&outerClass=`left hide-on-med-and-down`
&tplOuter=`@INLINE <ul[[+classes]] id="nav-mobile">[[+wrapper]]</ul>`
&tplParentRow=`@INLINE <li [[+classes]]><a href="[[+link]]" class="dropdown-button" data-activates="dropdown1"><i class="material-icons right">arrow_drop_down</i>[[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
&tplInner=`@INLINE <ul id="dropdown1" class="dropdown-content">[[+wrapper]]</ul>`
]]
[[pdoMenu?
&parents=`0`
&level=`1`
&outerClass=`side-nav`
&tplOuter=`@INLINE <ul[[+classes]] id="mobile-demo">[[+wrapper]]</ul>`
]]
</div>
</div>
</nav>
или так
<!-- Dropdown Structure -->
[[pdoMenu?
&resources=`-1`
&level=`2`
&parents=`0`
&outerClass=`dropdown-content`
&tplOuter=`@INLINE <ul[[+classes]] id="dropdown1">[[+wrapper]]</ul>`
]]
<nav class="indigo darken-4">
<div class="container">
<div class="nav-wrapper">
<a href="#!" class="brand-logo center">Logo</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
[[pdoMenu?
&level=`2`
&parents=`0`
&outerClass=`left hide-on-med-and-down`
&tpl=`@INLINE <li[[+classes]]><a href="[[+link]]" class="dropdown-button" data-activates="dropdown1"><i class="material-icons right">arrow_drop_down</i> [[+attributes]]>[[+menutitle]]</a>[[+wrapper]]</li>`
]]
<!---Mobile--->
[[pdoMenu?
&level=`2`
&parents=`0`
&outerClass=`side-nav`
&tplOuter=`@INLINE <ul[[+classes]] id="mobile-demo">[[+wrapper]]</ul>`
]]
</div>
</div>
</nav>
неее, вы не поняли. Не надо его вызывать каждый раз когда надо вывести меню следующего уровня. Сниппет вызывается один раз и потом формирует меню полностью.
извиняюсь, я не понял. Ну вроде все правильно. А в чем проблема-то?)
вот взгляните, не с первого клика выпадает.
хм, ну я в Material CSS не очень, год назад в нем последний раз копался. Но меня терзают смутные сомнения, что у вас просто классы неправильно названы у родительских меню и у вложенных, поэтому получается такое. Сделайте голую разметку, без сниппетов, точно такую же, чтоб исправно работала, и сравните с тем, что выводит сниппет. И так найдете ошибку.
Делал разметку, все как надо. Классы смотрю все верно вроде.
(развёл руками) Ну значит не верно. Проверяйте еще раз. У меня всегда всё прекрасно работает.
Ок, спасибо)
Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.