0

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

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

3 ответа 3

2

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

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

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

6
  • @gold а где инфу нарыл? Я еле додумался до этого, а в нете найти не мог. Можешь привести свой кусок кода со строкой ontouchstart?
    – NekoCoder
    Commented 27 февр. 2014 в 13:04
  • Погодь, так у тебя 2 версия!
    – NekoCoder
    Commented 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
    Commented 27 февр. 2014 в 14:53
  • @intro94 На 3-м надо испытание сделать и проверить, как раз есть верстка одного сайта на 3-м Bootstrap-e
    – Goldy
    Commented 27 февр. 2014 в 14:57
  • @gold в том-то и дело, что в 3 версии отличается. Я уже успел скачать твой скрипт. У меня в конструкции if (!isActive) {} намного больше кода. И в третьей версии убрано Выпадающее подменю .dropdown-submenu. Почитай это: русский оф. сайт. Я дал ссылку как раз на список изменений. Такая вот загогулина. :)
    – NekoCoder
    Commented 27 февр. 2014 в 15:01
0

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

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

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

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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