Заставляем работать dropdown-menu в navbar на мобильной платформе в режиме collapse

При использовании фреймворка Twitter Bootstrap 2.3.2,  если вы настроили скрытие меню в navbar при небольших размерах экрана устройства и используете выпадающие меню (dropdown menu) как элементы navbar, то на мобильных платформах iOS и Android при попытке перейти по конечной ссылке выпадающего меню, вместо перехода меню переходит в свернутое состояние.

Для исправления данного поведения можно использовать следующий хак в bootstrap.js, меняем ontouchstart на disable-ontouchstart в следующем фрагменте:

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')}

И поведение меню меняется в нормальную сторону

Оставьте комментарий