बूटस्ट्रैप उत्तरदायी संकुचित सबमेनू ने पहले पतन पर ऊंचाई तय की है

Question

यह समस्या ट्विटर बूटस्ट्रैप संस्करणों (जो मुझे पता है) में प्रदर्शित की जा सकती है। तो, मेरे पास एक navbar है और जब स्क्रीन छोटी है, तो यह एक ढहने योग्य ट्रे बन जाता है। यह व्यवहार बूटस्ट्रैप डेमो साइट पर देखा जा सकता है। मेरे पास सबमेनस भी है, जो प्रारंभिक नेबर विस्तार पर ध्वस्त दिखाई देता है। समस्या यह है कि, पहले पतन पर, ढहने योग्य एक स्पष्ट ऊंचाई सेट हो जाता है। यदि आप दोबारा बंद और विस्तार करते हैं, तो ढहने योग्य height:auto;

तो, जब मैं उपमेनू आइटम पर क्लिक करता हूं, तो ड्रॉपडाउन का विस्तार होता है, लेकिन ऊंचाई स्पष्ट रूप से सेट होने के कारण यह बहती है।

मेरे प्रयास किया समाधान जोड़ने था:

$(function() { 
    $('.nav-collapse').on({ 
    shown: function() { 
     $(this).css('height', 'auto'); 
    }, 

    hidden: function() { 
     $(this).css('height', '0px'); 
    } 
    }); 
}); 

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

अग्रिम धन्यवाद, चार्ल्स।

Answer 1

यह मुझे थोड़ा परेशान करता है, और कुछ खोज के बाद, मैंने पाया कि समस्या .collapse कक्षा .nav-collapse तत्व में जोड़कर हल की जा सकती है।

Working demo (jsfiddle)

उन समय जब हम सिर्फ इतना कहना मेह में से एक है .. मैं पत्र के लिए दस्तावेज़ का पालन किया जाना चाहिए था (Responsive navbar देखें):

<div class="nav-collapse collapse"> 
    <!-- .nav, .navbar-search, .navbar-form, etc --> 
</div> 

---

भावी पीढ़ी के लिए:

इस मुद्दे के लिए धन्यवाद: https://github.com/twitter/bootstrap/issues/3788

मुझे यकीन है कि अगर यह वास्तव में संबंधित है नहीं कर रहा हूँ, लेकिन मेरे डिबगिंग (source) वैसे भी रीसेट करने के लिए पहले संक्रमण ऊंचाई पर समस्या से पता चला है:

$.support.transition && this.$element[dimension](this.$element[0][scroll]) 

Answer 2

बूटस्ट्रैप संकुचित तत्व के प्रारंभ में तत्व शैली की ऊंचाई 280px पर सेट कर रहा है।

मैं .collapse लिए()

$("#avail_detail").collapse(); 
$("#avail_detail").css("height","auto"); 

और, अब चीजों के रूप में मैं उम्मीद व्यवहार करते हैं सही मेरे कॉल के बाद मेरे लिए तैयार() फ़ंक्शन में इस JQuery लाइन गयी।