Desplegable de Bootstrap de Twitter No se puede hacer clic en tabletas

Question

En los menús de nuestro sitio, tenemos un menú desplegable de botones para las opciones de cuenta de usuario que cambia dinámicamente en función de su nombre de usuario y estado de inicio de sesión. Funciona muy bien en los navegadores, sin embargo, en las tabletas Android (usando Firefox) parece que no podemos hacer clic en ninguno de los enlaces del menú desplegable, aunque sí aparecen los enlaces, cada vez que hace clic en ellos, el menú desplegable desaparece y no sucede nada.

Estoy usando la última versión de Bootstrap (2.1.1), con el dropdown plugin. Funciona en computadoras de escritorio, y las tabletas pueden hacer clic en ellas; los enlaces cierran la ventana emergente cuando se hace clic.

Aquí está el código:

 <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> 

¿Alguien sabe de una manera de hacer que los enlaces se puede hacer clic a partir de comprimidos?

Answer 1

Esto es un error en Bootstrap que se espera que sea rectificada en 2.1.2 - mientras tanto, hay dos temas populares (#2975 & #4550) en GitHub que contienen arreglos temporales.

Esta corrección jQuery parece funcionar para la mayoría de la gente y no modifica la fuente Bootstrap:

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }); 

Answer 2

Para el montaje de submenús también:

$('body').on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }) 
     .on('touchstart.dropdown', '.dropdown-submenu', function (e) { e.stopPropagation(); }); 

Answer 3

Esto se fija en confrmed v2.2 y mayor.