ड्रॉप-डाउन मेनू मोबाइल उपकरणों पर काम नहीं कर रहा है

Question

ट्विटर बूटस्ट्रैप (2.3.2) का नवीनतम संस्करण मोबाइल उपकरणों पर ड्रॉप डाउन मेनू के साथ एक समस्या प्रतीत होता है।

जब आप मेनू खोलने के बाद ड्रॉप-डाउन मेनू आइटम पर क्लिक करते हैं, तो मेनू बस बंद हो जाता है और कोई लिंक क्लिक नहीं होता है। आप अपने नमूना पृष्ठ यहाँ पर यह देख सकते हैं: http://twitter.github.io/bootstrap/examples/hero.html

मैं एक मुद्दा उनके GitHub पेज पर पोस्ट पाया लेकिन कोई समाधान नहीं: https://github.com/twitter/bootstrap/issues/7927

किसी को भी पता है चाल इसे ठीक करने के?

Answer 1

एक अस्थायी ठीक सीएसएस फ़ाइल के लिए

.dropdown-backdrop{ 
    position: static; 
} 

जोड़ना है।

Answer 2

यह मेरे लिए काम किया:

$('.dropdown-toggle').click(function(e) { 
    e.preventDefault(); 
    setTimeout($.proxy(function() { 
    if ('ontouchstart' in document.documentElement) { 
     $(this).siblings('.dropdown-backdrop').off().remove(); 
    } 
    }, this), 0); 
}); 

robdodson के माध्यम से GitHub

Answer 3

मैं इस मुद्दे को तय कर दी है पर।

मेरे कोड यहाँ सीएसएस छी में

<li class="dropdown custom open"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> menu<b class="caret"></b></a> 
      <ul class="dropdown-menu"> 
       <li><a href="#">Sub menu</a></li> 
       <li><a href="#">Sub menu2</a></li> 
       </ul> 
      </li> 

जोड़ें शैली का अनुसरण है।

@media (max-width: 767px) { 
.dropdown.custom:hover .dropdown-menu { 
    visibility: visible; 
    display:block; 
    border-radius:0; 

} 
} 

जाएँ: http://www.s4auto.co.za/

Answer 4

मेरे लिए, यह मेरी शैली को जोड़ने काम किया: मथायस के रूप में

.dropdown-backdrop { 
    z-index:0; 
} 

लगभग एक ही जवाब है, मैं इसे मदद करता है उम्मीद है।

Answer 5

सामान्य उत्तर में से कोई भी Android पर हमारी समस्या को ठीक करने के लिए प्रतीत नहीं होता था। हम स्वीकार किए जाते हैं जवाब यहाँ और कुछ जावास्क्रिप्ट रूप में अच्छी तरह से हैक करने की कोशिश की: Bootstrap Collapsed Menu Links Not Working on Mobile Devices और http://alittlecode.com/fix-twitter-bootstraps-dropdown-menus-in-touch-screens/

अंतत: हम की खोज की है, जहां करीब होने वाली किया गया था और सशर्त clearMenus() पर ही कॉल करता है, तो लिंक माता-पिता या भव्य माता पिता dropdown-submenu वर्ग नहीं था

$(document) 
.on('click.dropdown.data-api', function (e) { 

    //fix start   
    var $parent = $(e.target).parent() 
    var $grandparent = $parent.parent() 

    if (!$parent.hasClass('dropdown-submenu') && !$grandparent.hasClass('dropdown-submenu')) {   
     clearMenus() 
    } 

    //clearMenus 

    //end fix 
}) 
.on('click.dropdown.data-api', '.dropdown form', function (e) { e.stopPropagation() }) 
.on('click.dropdown.data-api' , toggle, Dropdown.prototype.toggle) 
.on('keydown.dropdown.data-api', toggle + ', [role=menu]' , Dropdown.prototype.keydown) 

}(window.jQuery); 

आशा है कि मदद करता है!