आईपैड और एंड्रॉइड पर ट्विटर बूटस्ट्रैप ड्रॉपडाउन हैक

Question

के साथ भी काम नहीं करता है जब मैं आईपैड और एंड्रॉइड पर अपने सॉफ़्टवेयर तक पहुंचता हूं तो मुझे कोई समस्या है। यह HTML है जो आईपैड पर काम नहीं करता है। मैं उप itens

<div class="btn-group"> 
    <button class="btn dropdown-toggle" data-toggle="dropdown">Export <span class="caret"></span></button> 
    <ul class="dropdown-menu"> 
     <#if print?exists> 
      <li><a href="javascript:print('${print}');">Print in PDF</a></li> 
     </#if> 
     <#if printList?exists> 
      <li><a href="javascript:print('${printList}');">Print list in PDF</a></li> 
     </#if> 
     <li><a href="javascript:exportListAt('${targetList}', 2);">Export to Excel</a></li> 
     <li><a href="javascript:exportListAt('${targetList}', 1);">Export to CVS</a></li> 
     <li><a href="javascript:exportListAt('${targetList}', 3);">Export to XML</a></li> 
    </ul> 
</div> 

पर क्लिक नहीं कर सकते मैं पहले से ही

jQuery(document).ready(function(){ 
      jQuery('.dropdown-toggle') 
       .on('touchstart.dropdown', '.dropdown-menu', function (e) { e.stopPropagation(); }) 
       .on('touchstart.dropdown', '.dropdown-submenu', function (e) { e.preventDefault(); }) 
    }) 

यह त्रुटि के साथ इस एचटीएमएल हैक जब मैं iPad और Android पर bootstrap साइट पर पहुँच भी पाए जाते हैं।

मैं क्या कर सकता हूं?

Answer 1

मुझे विश्वास है कि आप बूटस्ट्रैप डॉक्स की तरह एक button के बजाय एक a तत्व का उपयोग करना चाहिए,:

<div class="btn-group"> 
    <a class="btn dropdown-toggle" data-toggle="dropdown" href="#"> 
    Action 
    <span class="caret"></span> 
    </a> 
    <ul class="dropdown-menu"> 
    <!-- dropdown menu links --> 
    </ul> 
</div> 

बग खुद के बारे में, आप this issue पर एक नज़र रखना चाहिए।

Answer 2

हाल ही में, बूटस्ट्रैप 2.2.2 बाहर आया और आपकी समस्या कई लोगों में से एक है जो तय की गई है।

इसलिए, एक अच्छा समाधान आपके बूटस्ट्रैप संस्करण को नवीनतम उपलब्ध कराने के लिए अपडेट करना होगा।

the changelog, या download the latest bootstrap सीधे

मैं भी एक छोटे से blog post about this issue लिखा देखें।

Answer 3

इस मुद्दे यहाँ बारे में विचार विमर्श देखें: https://github.com/twbs/bootstrap/issues/9543 समाधान: https://github.com/twbs/bootstrap/commit/c0eabdda9fd8e97f44117bd4bd77dd1344039024 यह मूल रूप से एक बूटस्ट्रैप समस्या थी।