Dropstrap Twitter Dropdowns Unclickable On Tablets

Question

Nei menu del nostro sito abbiamo un pulsante a discesa per le opzioni dell'account utente che cambiano in modo dinamico in base al loro nome utente e allo stato di accesso. Funziona benissimo nei browser, tuttavia, sui tablet Android (utilizzando Firefox) non sembra che si possa fare clic su nessuno dei collegamenti nel menu a discesa, anche se appaiono i collegamenti, ogni volta che si fa clic su di essi il menu a discesa scompare e non accade nulla.

Sto usando l'ultima versione di Bootstrap (2.1.1), con il dropdown plugin. Funziona sui desktop, ed è cliccabile dai tablet, i link chiudono semplicemente il popup quando cliccato.

Ecco il codice:

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

Qualcuno sa di un modo per rendere i link cliccabili da tavolette?

Answer 1

Questo è un bug in bootstrap che si spera essere rettificato in 2.1.2 - nel frattempo, ci sono due questioni popolari (#2975 & #4550) su GitHub che contengono correzioni temporanee.

Questa correzione jQuery sembra funzionare per la maggior parte delle persone e non modifica la fonte Bootstrap:

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

Answer 2

Per fissare sottomenu troppo:

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

Answer 3

Questo è confrmed risolto in v2.2 e maggiore.