2012-10-22 5 views
9

किया जाता है: collapse प्लगइन संक्रमण समाप्त हो गया है। ईवेंट पर क्लिक न करें क्योंकि संक्रमण अभी तक समाप्त नहीं हुआ है, जावास्क्रिप्ट को गलत ऊंचाई जानकारी मिलती है। इस मुद्दे को हल करने के लिए कोई विचार?कैसे एक JavaScript फ़ंक्शन के बाद "बूटस्ट्रैप: पतन प्लगइन" को गति प्रदान करने के लिए संक्रमण मैं बूटस्ट्रैप के बाद आकार फिर से <code>iframe</code> ऊंचाई कोशिश कर रहा हूँ

उत्तर

18

आपको पतन प्लगइन पर छिपी हुई घटना को संभालने की आवश्यकता है।

From Docs

छिपा हुआ - जब एक पतन तत्व उपयोगकर्ता से छिपा दिया गया है इस घटना को निकाल दिया जाता है (पूरा करने के लिए सीएसएस बदलाव के लिए इंतजार करेंगे)।

$('#myCollapsible').on('hidden', function() { 
    // do something… 
}) 

बूटस्ट्रैप 3.0 के लिए टिप्पणी में @Francesc द्वारा बताया हम

$('#myCollapsible').on('hidden.bs.collapse', function() { 
    // do something… 
}) 
+3

नए उपयोगकर्ताओं के लिए, बूटस्ट्रैप संस्करण बात नहीं, 3.0 पर घटनाओं के नाम अलग है:। $ ('# MyCollapsible') पर ('hidden.bs.collapse', function() { // कुछ करो ... })। – Cesc

2

उपयोग करने के लिए जैसा कि मैंने पतन प्लगइन का इस्तेमाल कभी नहीं किया है, लेकिन दस्तावेज में यह कहता है कि एक कॉलबैक है कहा जाता है 'छुपा' है कि एक बार तत्व संक्रमण समाप्त हो गया है बुलाया जाना चाहिए:

$('#myCollapsible').on('hidden', function() { 
    // do something… 
}); 
+1

धन्यवाद। रमेश और आपके उत्तर एक ही हैं। मुझे tak tik tuk विधि का उपयोग कर एक को स्वीकार करना पड़ा। – Dasun

4

आप बूटस्ट्रैप 3.0 इसके बहुत आसान उपयोग कर रहे हैं। show.bs.collapse वह ईवेंट है जिसे निकाला गया तत्व जब संक्रमण दिखाया गया है। मुझे विश्वास है कि आप इस तरह कुछ ढूंढ रहे हैं।

$('#myCollapsible').on("shown.bs.collapse", function(){ 
//trigger content change 
//this code will be triggered when the collapse transition is completed 
//that is your myCollapsible element will have 'in' in your class 
}); 
संबंधित मुद्दे