Меню, с выпадающим списком.

Добрый день! никак не получается разобраться.
Имеется шаблон меню:
<ul class="nav navbar-nav">
      
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">111</a>
          <ul class="dropdown-menu">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
          </ul>
        </li>
		
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">222</a>
          <ul class="dropdown-menu">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
          </ul>
        </li>
        <li class="dropdown"><a href="#" class="dropdown-toggle js-activated">333</a>
          <ul class="dropdown-menu">
            <li><a href="#">submenu 1</a></li>
            <li><a href="#">submenu 2</a></li>
          </ul>
        </li>

      </ul>
Пытаюсь вывести его с помощью чанка:
<ul class="nav navbar-nav">
[[pdoMenu? 
&level=`2` 
&parents=`0` 
&resources=`19,8,7,11` 
&outerClass=`nav navbar-nav` 
&hereClass=`dropdown-toggle js-activated`

&firstClass=`dropdown` 
&lastClass=`dropdown`
]]
      </ul>
Никак не выводится выпадающее меню, может быть класс какой не указал? Подскажите, пожалуйста!
Александр
Александр
24 июня 2015, 13:50
modx.pro
5 011
0

Комментарии: 10

Павел Романов
Павел Романов
24 июня 2015, 17:21
0
Если у Вас выводится в код именно так, как указано, то в CSS-файле пропишите:
.navbar-nav .dropdown .dropdown-menu {display:none;}
.navbar-nav .dropdown:hover .dropdown-menu {display:block;}
    Александр
    Александр
    26 июня 2015, 10:37
    0
    Не помогло(
      Павел Романов
      Павел Романов
      26 июня 2015, 10:52
      0
      Можно ссылку на сайт?
        Александр
        Александр
        26 июня 2015, 11:17
        0
        он на денвере(
        вот код который на самой странице сайта, и он не соответствует шаблонному коду.
        <ul class="nav navbar-nav">
    ::before
    <li class="dropdown">
        <a href="company/"></a>
    </li>
    <li>
        <a href="corporate/"></a>
    </li>
    <li>
        <a href="individ/"></a>
    </li>
    <li class="dropdown"></li>
    ::after
</ul>
        не применяется класс к ссылкам, и не понимаю как задать класс для самого подменю
          Павел Романов
          Павел Романов
          26 июня 2015, 11:26
          0
          У Вас указаны ресурсы, которые нужно выводить:
          &resources=`19,8,7,11`

          Он и выводит только их. То есть четыре штуки и никаких подменю и т. д.
          Если нужно что-то исключить, то лучше используйте: 
          &resources=`-ID,-ID,-ID`
          или отключайте видимость в меню в настройках самих ресурсов.

          Такой вызов что выводит?
          [[pdoMenu? 
&level=`2` 
&parents=`0` 
&outerClass=`nav navbar-nav` 
&hereClass=`dropdown-toggle js-activated`
&firstClass=`dropdown` 
&lastClass=`dropdown`
]]
            Александр
            Александр
            26 июня 2015, 11:44
            0
            Да, действительно! Вы оказались правы. Вывелись все подкатегории. Но без применения css.
            <ul class="nav navbar-nav">

    ::before
    <ul class="nav navbar-nav">
        ::before
        <li class="dropdown">
            <a href="company/"></a>
            <ul class="">
                <li class="dropdown">
                    <a href="company/licenses/"></a>
                </li>
                <li class="dropdown">
                    <a href="company/about/"></a>
                </li>
            </ul>
        </li>
        <li>
            <a href="corporate/"></a>
            <ul class=""></ul>
        </li>
        <li>
            <a href="individ/"></a>
            <ul class=""></ul>
        </li>
        <li class="dropdown"></li>
        ::after
    </ul>
    ::after

</ul>
              Павел Романов
              Павел Романов
              26 июня 2015, 11:55
              0
              Тогда сделайте в CSS так:
              .navbar-nav .dropdown ul {display:none;}
.navbar-nav .dropdown:hover ul {display:block;}
              B уберите дублирование:
              <ul class="nav navbar-nav">
.....
</ul>
                Александр
                Александр
                26 июня 2015, 12:08
                0
                Заработало, спасибо!!! Стало показываться всплывающее меню…
                Но только почему то для первого пункта меню, для остальных не показывается. (
                изменил чанк
                [[pdoMenu? 
&level=`2` 
&parents=`0` 
&resources=`-1, -12` 
&outerClass=`nav navbar-nav` 
&firstClass=`dropdown` 
&lastClass=`dropdown`
&hereClass=`dropdown-toggle js-activated`
&innerClass=`dropdown-menu`
]]
                  Александр
                  Александр
                  26 июня 2015, 12:25
                  0
                  Т.е. получается для первого и последнего меню, т.к. для них заданы
                  &firstClass=`dropdown` 
&lastClass=`dropdown`
                  а как для остальных задать?
                  Александр
                  Александр
                  26 июня 2015, 12:28
                  0
                  В общем Спасибо большое!!!
                  Разобрался, поменял 
                  &firstClass=`dropdown` 
&lastClass=`dropdown`
                  на
                  &rowClass=`dropdown`
      Авторизуйтесь или зарегистрируйтесь, чтобы оставлять комментарии.
      10