0

На сайте есть под меню, первый уровень кликается, а второе и третье подменю не нажимается, можете подсказать почему на этом сайте?

4
  • 1
    выделите проблему, сделайте fiddle.
    – zb'
    25 фев 2014 в 21:10
  • 1
    @gold дайте код вашего меню. Именно html-код. Залейте его на Ideone.
    – NekoCoder
    27 фев 2014 в 11:53
  • @eicto,@intro94 Впринципе дал ссылку на сайт ) проблему разрешилась, ответ внизу, спасибо )
    – Goldy
    27 фев 2014 в 12:47
  • @gold у меня не грузится сайт твой. Скорость инета низкая. Но прикол в том, что я тоже до этого додумался. Только хотел отписать, смотрю - опоздал немного. :)
    – NekoCoder
    27 фев 2014 в 13:03

3 ответа 3

2

Спасибо ребята, нашел решение, работает, уже проверил:

В файле bootstrap.js найти строку ontouchstart и поменять ее на disable-ontouchstart.

Почему не работает 2-ой уровень? Потому что первый уровень выходит по клику, а второй по :hover, нужно делать 'хитрый' клик, либо ставить костыль, чтобы на мобиле меню выпадало по клику ;)

6
  • @gold а где инфу нарыл? Я еле додумался до этого, а в нете найти не мог. Можешь привести свой кусок кода со строкой ontouchstart?
    – NekoCoder
    27 фев 2014 в 13:04
  • Погодь, так у тебя 2 версия!
    – NekoCoder
    27 фев 2014 в 14:17
  • @intro94 Сорри, да у меня 2-я версия ) в 3-ей версий вроде тоже самое if (!isActive) { if ('disable-ontouchstart' in document.documentElement) { // if mobile we we use a backdrop because click events don't delegate $('<div class="dropdown-backdrop"/>').insertBefore($(this)).on('click', clearMenus) } $parent.toggleClass('open') }
    – Goldy
    27 фев 2014 в 14:53
  • @intro94 На 3-м надо испытание сделать и проверить, как раз есть верстка одного сайта на 3-м Bootstrap-e
    – Goldy
    27 фев 2014 в 14:57
  • @gold в том-то и дело, что в 3 версии отличается. Я уже успел скачать твой скрипт. У меня в конструкции if (!isActive) {} намного больше кода. И в третьей версии убрано Выпадающее подменю .dropdown-submenu. Почитай это: русский оф. сайт. Я дал ссылку как раз на список изменений. Такая вот загогулина. :)
    – NekoCoder
    27 фев 2014 в 15:01
0

в 3-м бутстрапе подменю вообще не открывается из-за того, что нет скроллинга.

во всяком случае, так на андроиде.

2
  • @fdjgfjfgdj не согласен. Первый уровень открывается. Скроллинг есть. @gold Подозреваю, что второй уровень не открывается из-за JS. Когда на него нажимаешь - закрывается первый. Вызывается та же функция, что работает с первым уровнем. Надо JS-файл курить. Видимо разработчики Бутстрапа не учитывали, что могут быть вторые уровни. :)
    – NekoCoder
    27 фев 2014 в 11:42
  • @intro94 надо по моему курить мануалы)
    – Goldy
    27 фев 2014 в 12:46
0

В версии Bootstap 5

Вместо:

<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

использовал (изменил data-toggle и data-target на data-bs-toggle и data-bs-target соответственно):

<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.