Столкнулся в Bootstrap 2 c тем, что выпадающее меню на в браузере на компьютере работает, а открываешь на телефоне, кликаешь по пункту второго уровня - меню сворачивается, а перехода по ссылке не происходит.
Решение нашел на stackoverflow.com, вернее там два решения:
Первое - это в файле bootstrap.js заменить ontouchstart на disable-ontouchstart
if ('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) }
Этот вариант работает, но есть и другой вариант, без необходимости вносить изменения в код бутстрап.
Второй вариант - в шаблон сайта дабовляются несколько строк js кода:
jQuery(document).ready(function($) { $("li.dropdown a").click(function(e){ $(this).next('ul.dropdown-menu').css("display", "block"); e.stopPropagation(); }); });
Вариант тоже работает, но раскрытое подменю никак не получается убрать) куда ни кликай,
Поэтому первый вариант остается более предпочтительным..
Комментарии
И в моб. версии не открывается вообще
RSS лента комментариев этой записи