Bootstrap dropdown меню не работает в мобильном браузере

Столкнулся в 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();
});
});

Вариант тоже работает, но раскрытое подменю никак не получается убрать) куда ни кликай,

Поэтому первый вариант остается более предпочтительным..

Чтобы сделать комментарий, нужно авторизоваться на сайте!