Распространение рассылок по расписанию
В меню нашего сайта у нас есть раскрывающийся список кнопок для параметров учетной записи пользователя, которые динамически изменяются на основе их имени пользователя и состояния входа в систему. Однако он отлично работает в браузерах, однако на планшетах Android (с использованием Firefox) мы не можем щелкнуть ни одной из ссылок в раскрывающемся списке, хотя появляются ссылки DO, всякий раз, когда вы нажимаете на них, выпадающее меню исчезает, и ничего не происходит.
Я использую последнюю версию Bootstrap (2.1.1), с выпадающим плагином. Он работает на настольных компьютерах, и он можно щелкнуть по планшетам, а ссылки просто закрывают всплывающее окно при нажатии.
Здесь код:
<div class="btn-group pull-right">
<a class="btn dropdown-toggle" data-toggle="dropdown" href="#">
<i class="icon-user"></i> <?php echo $_SESSION['username']; ?>
<span class="caret"></span>
</a>
<ul class="dropdown-menu">
<li><a href="/Profile">Profile</a></li>
<li class="divider"></li>
<li><a href="#" onClick="logOut();">Sign Out</a></li>
</ul>
</div>
Кто-нибудь знает способ сделать ссылки кликабельными из таблеток?
Ответы
Ответ 1
Это ошибка в Bootstrap, которая, надеюсь, будет исправлена в 2.1.2 - тем временем, есть две популярные проблемы (# 2975 и # 4550) на GitHub, которые содержат временные исправления.
Это исправление jQuery, похоже, работает для большинства людей и не изменяет источник Bootstrap:
$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); });
Ответ 2
Для исправления подменю:
$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); })
.on('touchstart.dropdown', '.dropdown-submenu', function (e) { e.stopPropagation(); });
Ответ 3
Это зафиксировано в v2.2 и выше.