देरी के साथ ट्विटर बूटस्ट्रैप मोडल ('छुपाएं')

Question

मैं नीचे एक 'चेकआउट' बटन के साथ एक सरल बूटस्ट्रैप मोडल प्रदर्शित कर रहा हूं।

1. मोडल बंद करें, उदाहरण के लिए:

   बटन पर क्लिक करने पर मैं चाहता हूँ $ ('# MyModal')। मोडल ('छिपाएं')

2. प्रतीक्षा जब तक एनीमेशन मेरे 'चेकआउट' पृष्ठ पर window.location.href समाप्त हो गया है
3. बदलें।

मुझे इसके बिना चेनिंग का कोई तरीका नहीं मिल रहा है, इसके तुरंत बाद अगले फ़ंक्शन को चलाया जा रहा है, उदा।

$('#myModal').modal('hide').each(function() { 
    window.location.href = '/checkout'; 
}); 

या मैंने सोचा कि देरी() मदद कर सकती है, उदा।

$('#myModal').modal('hide').delay(1000).each(function() { 
    window.location.href = '/checkout'; 
}); 

यह काम नहीं करता है या तो यह तुरंत पृष्ठ बदलता है।

क्या यह एक आम jQuery मुद्दा है? या मुझे इसे संभालने के लिए बूटस्ट्रैप का विस्तार करना होगा?

Answer 1

hidden नामक एक ईवेंट है जब ट्विटर बूटस्ट्रैप मोडल पूरी तरह छुपा हुआ है। तो आप इस तरह कुछ कर सकते हैं:

$('#myModal').bind('hidden', function(){ 
    window.location.href = '/checkout'; 
}).modal('hide');