आईओएस पर बूटस्ट्रैप बटन ड्रॉपडाउन क्यों नहीं काम करता है?

Question

ऐसा लगता है कि bootstrap demo here आईओएस पर भी काम नहीं करता है। ऐसा लगता है कि आप आईफोन या आईपैड पर किसी आइटम का चयन करने में सक्षम नहीं हैं।

क्या इसके लिए कोई फिक्स है?

Answer 1

आप अपने file.If में एक अनुकूलित jQuery जोड़ने की जरूरत है आपको लगता है कि उसके बाद का उपयोग करना चाहते का उपयोग करें:

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

मैं आप दे सकते हैं डेमो रहते हैं इस के लिए अगर आप चाहते हैं

Answer 2

वहाँ एक त्वरित है के रूप में GitHub पर इस मुद्दे को टिप्पणियों के कई में उल्लेख किया ठीक करें: https://github.com/twitter/bootstrap/issues/2975#issuecomment-8670606

केवल अपने निकटतम HTML टैग से पहले इस स्क्रिप्ट जोड़ें:

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

मैं दोनों iOS5 और 6 पर उपरोक्त विधि यह एक आकर्षण

---

तरह काम करता है आप बूटस्ट्रैप जावास्क्रिप्ट आप ऊपर ठीक करने के बजाय, touchstart.dropdown को दूर कर सकता है संशोधित करने के लिए चाहते हैं का परीक्षण किया है। फाइल के निचले भाग के पास clearMenus के लिए एचटीएमएल बाध्यकारी से डेटा-एपीआई।

सिर्फ इस

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

Answer 3

यह स्क्रिप्ट को यह

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

बदल इस समस्या का समाधान। बस इस कोड को जोड़ें

$(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; 
      } 
     });