2012-04-23 15 views
23

यहां मेरा परिदृश्य है: मैं कुछ रिकॉर्ड विवरण के साथ एक मोडल विंडो खोल रहा हूं, और मेरे पास "हटाएं" बटन है। जब उपयोगकर्ता इस बटन पर क्लिक करता है, तो मुझे मौजूदा मोडल के ऊपर/ऊपर "पुष्टिकरण" मोडल दिखाना होगा (पूछना "क्या आप निश्चित हैं?"), लेकिन जब यह पुष्टिकरण मोडल दिखाया जाता है, तो यह पहले "विवरण" को अवरुद्ध नहीं करता है मोडल (पीछे)।ट्विटर बूटस्ट्रैप - पहले से खोले गए मोडल पर खुले मोडल

क्या कोई जानता है कि मैं इसे कैसे कर सकता हूं?

धन्यवाद! http://jsfiddle.net/baptme/nuUzN/14/

+3

अधिक संख्या की कोशिश काम नहीं करता है, लेकिन मॉडल के लिए इस विस्तार https://github.com/jschr/bootstrap-modal –

+0

एक काम कर उदाहरण http://bootply.com/lvKQA2AM28 – CrandellWS

+0

में पाया जा सकता मैं यहाँ इस एक ही समस्या ने जवाब दिया:: वर्ग जाने का रास्ता हो सकता है http://stackoverflow.com/questions/19528173/bootstrap-open-another-modal-in-modal/32513228 –

उत्तर

9

सीधे शब्दों में #modal और शो # modal2 जब #deleteButton

$("#deleteButton").click(function() { 
$('#myModal').modal('hide') 
$('#myModal2').modal('show')  
}); 

पर क्लिक यहाँ एक काम कर उदाहरण है छिपाना। अपने पहले ही खोला मोडल में लिंक इस तरह देखने के लिए है:

<a href="NEW URL" data-dismiss="modal" data-toggle="modal" data-target="#newModal">Anchor text</a> 

डेटा-खारिज = "मोडल" -> कि मोडल बंद हो जाएगा = चाल है कि !!!!
डेटा-टॉगल = "मोडल" -> नया संवाद

का आनंद लें खुल जाएगा!

+0

ऊंचाई लंबी होने पर स्क्रॉलिंग दूसरे मोडल पर काम नहीं करेगी। – Giraldi

+0

आपको पता होना चाहिए कि जब पुराने मोडल नए मोडल को निष्पादित करने से पहले बंद हो जाता है ... यहां मेरा समाधान था: http://stackoverflow.com/a/30250853/851045 – Giraldi

16

यह यह करने के लिए काफी आसान है:

+1

यह सवाल का जवाब नहीं देता है। – darksky

+1

इसने जवाब का जवाब दिया! पहले मोडल के अंदर का लिंक होना चाहिए: Link

+2

यदि ऊंचाई मुझे लंबी है, तो स्क्रॉलिंग दूसरे मोडल पर काम नहीं करेगी, जहां तक ​​मुझे पता है। – Giraldi

13

आपको बस इतना करना है कि विवरण मोडल की तुलना में कोड में पुष्टिकरण मोडल कम डाउन डाउन के लिए मार्कअप रखें।

+2

और यह काम करता है! धन्यवाद। –

+1

यह इस प्रश्न का सही समाधान है, धन्यवाद। –

+0

सबसे सरल जो मेरे लिए काम करता है। – Mehari

4

दूसरे मॉडल में जेड-इंडेक्स जोड़ने के बारे में कैसे? जैसा:

<div class="modal fade" style="z-index:1050">modal content here...</div> 

मूल्य 1050 यह प्रतीत होता है वहाँ एक वास्तविक जवाब के रास्ते में बहुत ज्यादा नहीं है कि उर्फ ​​99999.

+1

जेड-इंडेक्स = 1050 आईडी डिफ़ॉल्ट मान। मैंने अपने दूसरे मोडल के जेड-इंडेक्स को 1051 में बदल दिया और यह काम करता है। – Strabek

+0

त्वरित समाधान। – Avinash

संबंधित मुद्दे