На сайте есть под меню, первый уровень кликается, а второе и третье подменю не нажимается, можете подсказать почему на этом сайте?
-
1выделите проблему, сделайте fiddle.– zb'Commented 25 февр. 2014 в 21:10
-
1@gold дайте код вашего меню. Именно html-код. Залейте его на Ideone.– NekoCoderCommented 27 февр. 2014 в 11:53
-
@eicto,@intro94 Впринципе дал ссылку на сайт ) проблему разрешилась, ответ внизу, спасибо )– GoldyCommented 27 февр. 2014 в 12:47
-
@gold у меня не грузится сайт твой. Скорость инета низкая. Но прикол в том, что я тоже до этого додумался. Только хотел отписать, смотрю - опоздал немного. :)– NekoCoderCommented 27 февр. 2014 в 13:03
Добавить комментарий
|
3 ответа
Спасибо ребята, нашел решение, работает, уже проверил:
В файле bootstrap.js найти строку ontouchstart
и поменять ее на disable-ontouchstart
.
Почему не работает 2-ой уровень? Потому что первый уровень выходит по клику, а второй по :hover
, нужно делать 'хитрый' клик, либо ставить костыль, чтобы на мобиле меню выпадало по клику ;)
-
@gold а где инфу нарыл? Я еле додумался до этого, а в нете найти не мог. Можешь привести свой кусок кода со строкой
ontouchstart
? Commented 27 февр. 2014 в 13:04 -
-
@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') }
– GoldyCommented 27 февр. 2014 в 14:53 -
@intro94 На 3-м надо испытание сделать и проверить, как раз есть верстка одного сайта на 3-м Bootstrap-e– GoldyCommented 27 февр. 2014 в 14:57
-
@gold в том-то и дело, что в 3 версии отличается. Я уже успел скачать твой скрипт. У меня в конструкции
if (!isActive) {}
намного больше кода. И в третьей версии убрано Выпадающее подменю.dropdown-submenu
. Почитай это: русский оф. сайт. Я дал ссылку как раз на список изменений. Такая вот загогулина. :) Commented 27 февр. 2014 в 15:01
в 3-м бутстрапе подменю вообще не открывается из-за того, что нет скроллинга.
во всяком случае, так на андроиде.
-
@fdjgfjfgdj не согласен. Первый уровень открывается. Скроллинг есть. @gold Подозреваю, что второй уровень не открывается из-за JS. Когда на него нажимаешь - закрывается первый. Вызывается та же функция, что работает с первым уровнем. Надо JS-файл курить. Видимо разработчики Бутстрапа не учитывали, что могут быть вторые уровни. :) Commented 27 февр. 2014 в 11:42
-
В версии 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">