Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему не работает выпадающее меню? / 5 сообщений из 5, страница 1 из 1
24.10.2016, 12:23
    #39332645
VaneS Ri_lax
VaneS Ri_lax
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему не работает выпадающее меню?
Здравствуйте,
делаю многоуровневое вертикальное меню на сайте. В нете нашел много примеров, вроде все просто. Но проблема в том что нет выпадающих элементов, не могу понять в чем проблема. Вот код самого меню:
 

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
133.
134.
135.
<ul class="nav-pills nav-stacked nav">
  <li class="dropdown">
    <a href="/shop/kitchen/" class="dropdown-toggle" data-toggle="dropdown">Кухни</a>
    <ul class="dropdown-menu">
    <li>
      <a href="/shop/kitchen/turnkey-solutions/">Готовые решения</a>
    </li>
    <li>
      <a href="/shop/kitchen/modular-kitchen/">Модульные кухни</a>
    </li>
    <li>
      <a href="/shop/kitchen/wall-panels/">Стеновые панели</a>
    </li>
    <li>
      <a href="/shop/kitchen/tables/">Столы</a>
    </li>
    <li>
      <a href="/shop/kitchen/chairs/">Стулья</a>
    </li>
    </ul>
  </li>
  <li class="dropdown">
    <a href="/shop/living-rooms/" class="dropdown-toggle" data-toggle="dropdown">Гостиные</a>
    <ul class="dropdown-menu">
    <li>
      <a href="/shop/living-rooms/turnkey-solutions/">Готовые решения</a>
    </li>
    <li class="dropdown">
      <a href="/shop/living-rooms/modular-living-rooms/" class="dropdown-toggle" data-toggle="dropdown">Модульные гостиные</a>
      <ul class="dropdown-menu">
      <li>
        <a href="/shop/living-rooms/modular-living-rooms/modular-living-room-mar-15/">Гостиная модульная "Марта-15"</a>
      </li>
      <li>
        <a href="/shop/living-rooms/modular-living-rooms/lounge-milan/">Гостиная модульная "Милан" </a>
      </li>
      <li>
        <a href="/shop/living-rooms/modular-living-rooms/modular-living-room-march-19/">Гостиная модульная "Марта-19"</a>
      </li>
      </ul>
    </li>
    </ul>
  </li>
  <li class="dropdown">
    <a href="/shop/bedrooms/" class="dropdown-toggle" data-toggle="dropdown">Спальни</a>
    <ul class="dropdown-menu">
    <li class="dropdown">
      <a href="/shop/bedrooms/modular-bedroom-sets/" class="dropdown-toggle" data-toggle="dropdown">Модульные спальные гарнитуры</a>
      <ul class="dropdown-menu">
      <li>
        <a href="/shop/bedrooms/modular-bedroom-sets/bedroom-set-ronda/">Спальный гарнитур "Ронда"</a>
      </li>
      <li>
        <a href="/shop/bedrooms/modular-bedroom-sets/bedroom-set-venice/">Спальный гарнитур "Венеция"</a>
      </li>
      <li>
        <a href="/shop/bedrooms/modular-bedroom-sets/bedroom-set-victoria/">Спальный гарнитур "Виктория"</a>
      </li>
      </ul>
    </li>
    <li>
      <a href="/shop/bedrooms/bed/">Кровати</a>
    </li>
    <li>
      <a href="/shop/bedrooms/dressers/">Комоды</a>
    </li>
    <li>
      <a href="/shop/bedrooms/cabinets/">Шкафы</a>
    </li>
    <li>
      <a href="/shop/bedrooms/closets/">Шкафы-купе</a>
    </li>
    <li>
      <a href="/shop/bedrooms/dressing-tables/">Туалетные столы</a>
    </li>
    <li>
      <a href="/shop/bedrooms/bedside-tables/">Прикроватные тумбы</a>
    </li>
    <li>
      <a href="/shop/bedrooms/mirror/">Зеркала</a>
    </li>
    </ul>
  </li>
  <li class="dropdown">
    <a href="/shop/baby/" class="dropdown-toggle" data-toggle="dropdown">Детские</a>
    <ul class="dropdown-menu">
    <li>
      <a href="/shop/baby/modular-baby/">Модульные детские</a>
    </li>
    <li>
      <a href="/shop/baby/turnkey-solutions/">Готовые решения</a>
    </li>
    </ul>
  </li>
  <li class="dropdown">
    <a href="/shop/hallways/" class="dropdown-toggle" data-toggle="dropdown">Прихожие</a>
    <ul class="dropdown-menu">
    <li>
      <a href="/shop/hallways/turnkey-solutions/">Готовые решения</a>
    </li>
    <li class="dropdown">
      <a href="/shop/hallways/modular-hallways/" class="dropdown-toggle" data-toggle="dropdown">Модульные прихожие</a>
      <ul class="dropdown-menu">
      <li>
        <a href="/shop/hallways/modular-hallways/hallway-modular-vega/">Прихожая модульная "Вега"</a>
      </li>
      <li>
        <a href="/shop/hallways/modular-hallways/hallway-modular-eve-disavi/">Прихожая модульная "Ева" (Disavi)</a>
      </li>
      <li>
        <a href="/shop/hallways/modular-hallways/hallway-modular-mashenka/">Прихожая модульная "Машенька" (Disavi)</a>
      </li>
      </ul>
    </li>
    <li>
      <a href="/shop/hallways/cabinets/">Шкафы</a>
    </li>
    <li>
      <a href="/shop/hallways/closets/">Шкафы-купе</a>
    </li>
    <li>
      <a href="/shop/hallways/hanger/">Вешалки</a>
    </li>
    </ul>
  </li>
  <li>
    <a href="/shop/sofas/">Диваны</a>
  </li>
  <li>
    <a href="/shop/door/">Двери</a>
  </li>
  <li>
    <a href="/shop/closets/">Шкафы-купе</a>
  </li>
</ul>



Первый уровень отображается нормально, но вот элементы не выпадают, их как будто вообще нет.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 01:37
    #39333199
Тshаmil
Тshаmil
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему не работает выпадающее меню?
F12 и посмотреть в консоли наличие ошибок в js. Если со скриптом все ок, то причина может быть в z-index возможно один из слоев перекрывает выпадающие элементы.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 09:13
    #39333259
oaken
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему не работает выпадающее меню?
ТshаmilF12 и посмотреть в консоли наличие ошибок в js. Если со скриптом все ок, то причина может быть в z-index возможно один из слоев перекрывает выпадающие элементы. Все работает , проверь правильно ли подлючены библиотеки JQuery и Bootstrap
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
25.10.2016, 23:13
    #39333988
VaneS Ri_lax
VaneS Ri_lax
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему не работает выпадающее меню?
oaken Все работает , проверь правильно ли подлючены библиотеки JQuery и Bootstrap
Подскажите пожалуйста, а почему открывается только первый и второй уровень меню, а как открыть 3-й? Вообще возможно ли это сделать средствами Bootstrap?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
26.10.2016, 12:47
    #39334311
oaken
oaken
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Почему не работает выпадающее меню?
VaneS Ri_laxВообще возможно ли это сделать средствами Bootstrap? Можно так
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Почему не работает выпадающее меню? / 5 сообщений из 5, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]