¿Por qué el menú desplegable botón Bootstrap no funciona en iOS?

Question

Parece que incluso el bootstrap demo here no funciona en iOS. Parece que no puedes seleccionar un elemento en iPhone o iPad.

¿Hay una solución para esto?

Answer 1

es necesario agregar un jQuery Personalizar en su file.If desea utilizar que utilice:

<div class="container"> 
    <div class="btn-group lt category_bg"> 
    <p>Adults</p> 
    <button class="btn btn-large" data-toggle="dropdown"><cite>0</cite> <span class="caret"></span></button> 
    <ul class="dropdown-menu "> 
     <li id='adult_0' onClick="flight_user(this.id)"><a href="#" >0</a></li> 
     <li id='adult_1' onClick="flight_user(this.id)"><a href="#" >1</a></li> 
     <li id='adult_2' onClick="flight_user(this.id)"><a href="#" >2</a> </li> 
     <li id='adult_3' onClick="flight_user(this.id)"><a href="#">3</a></li> 
     <li id='adult_4' onClick="flight_user(this.id)"><a href="#">4</a></li> 
    </ul> 
    </div> 

</div> 
<script src="js/jquery.js"></script> 
<script src="js/bootstrap-dropdown.js"></script> 


<script> 
    function flight_user(selected){ 
    var value = jQuery("#" + selected).find('a').text(); 
    jQuery("#" + selected).parent().parent().find('cite').html(value); 
    } 

</script> 

que yo pueda darle vivir demostración de esto si desea

Answer 2

Hay una rápida fix como se observa en muchos de los comentarios de emisión en gitHub: https://github.com/twitter/bootstrap/issues/2975#issuecomment-8670606

añadir este script justo antes de la etiqueta html cerca:

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

He probado el método anterior tanto en IOS5 y 6. Funciona como un encanto

---

Si se desea modificar el sistema de arranque javascript que podría, en lugar de la revisión anterior, retire touchstart.dropdown. data-api del enlace html para clearMenus cerca de la parte inferior del archivo.

acaba de cambiar esta

$('html') 
    .on('click.dropdown.data-api touchstart.dropdown.data-api', clearMenus) 

a este

$('html') 
    .on('click.dropdown.data-api', clearMenus) 

Answer 3

Este script resolver este problema. Simplemente agregue este código

$(document).on('click', 'a.your-drop-down-link', function(event){ 
      event.stopPropagation(); 
      event.preventDefault(); 
      if(event.handled !== true) { 

       if ($(this).parent().hasClass('open')) { 
        $(this).parent().removeClass('open'); 
       }else{ 
        $(this).parent().addClass('open'); 
       } 

       event.handled = true; 
      } else { 
       return false; 
      } 
     });