ट्विटर बूटस्ट्रैप ड्रॉपडाउन टैबलेट पर अनजान

Question

हमारी साइट के मेनू पर हमारे पास उपयोगकर्ता खाता विकल्पों के लिए एक बटन ड्रॉपडाउन है जो उनके उपयोगकर्ता नाम और लॉग इन स्थिति के आधार पर गतिशील रूप से बदलता है। यह ब्राउज़र में बहुत अच्छा काम करता है, हालांकि, एंड्रॉइड टैबलेट (फ़ायरफ़ॉक्स का उपयोग करके) हम ड्रॉपडाउन में किसी भी लिंक पर क्लिक नहीं कर सकते हैं, हालांकि लिंक दिखाई देते हैं, जब भी आप उन्हें क्लिक करते हैं तो ड्रॉपडाउन दूर हो जाता है और कुछ भी नहीं होता है।

मैं dropdown plugin के साथ बूटस्ट्रैप (2.1.1) का नवीनतम संस्करण उपयोग कर रहा हूं। यह डेस्कटॉप पर काम करता है, और टैबलेट द्वारा क्लिक करने योग्य है, लिंक क्लिक करते समय पॉपअप को बंद कर देते हैं।

कोड यह रहा:

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

किसी को भी एक तरह से लिंक गोलियों से क्लिक करने योग्य बनाने के लिए के बारे में पता है?

Answer 1

यह बूटस्ट्रैप में एक बग है कि उम्मीद है कि 2.1.2 में सुधारा हो जाएगा - इस बीच, वहाँ GitHub पर दो लोकप्रिय मुद्दों (#2975 & #4550) कि अस्थायी फिक्स होते हैं।

यह jQuery ठीक ज्यादातर लोगों के लिए काम करने के लिए लगता है और बूटस्ट्रैप स्रोत को संशोधित नहीं करता है:

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

Answer 2

भी सबमेनू ठीक करने के लिए:

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

Answer 3

यह v2.2 में तय confrmed जाता है और अधिक से अधिक।