2012-11-06 24 views
24

मैंने आईओएस 5 के साथ ट्विटर बूटस्ट्रैप फ्रेमवर्क की मोडल फीचर का उपयोग करने की कोशिश की। उपयोगकर्ता बंद बटन पर क्लिक करने के बाद, मोडल सही ढंग से गायब हो जाता है, लेकिन स्क्रीन का कोई अन्य आइटम क्लिक करने योग्य प्रतीत होता है। यह व्यवहार सिर्फ आईओएस 5 के तहत होता है।ट्विटर बूटस्ट्रैप मोडल पत्तियां स्क्रीन गायब होने के बाद अनजान

यह आईओएस 6 और किसी भी डेस्कटॉप ब्राउज़र में सही ढंग से काम कर रहा है।

<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a> 

इस iOS5 में लापता html5/css3 समर्थन की वजह से हो सकता है:

यहाँ बंद करें बटन

?

+1

मुझे भी एक ही समस्या का सामना करना पड़ रहा है। इस सवाल को पोस्ट करने के लिए धन्यवाद। मैं सिर्फ 2 दिन पहले ही इसके साथ संघर्ष कर रहा था। –

+1

क्या यह मोडल को खारिज करने के किसी अन्य तरीके से काम करता है (मोडल के बाहर कहीं भी क्लिक करके, एस्केप कुंजी दबाकर)? क्या आप संपूर्ण मोडल एचटीएमएल (और जेएस, संभवतः) दे सकते हैं? –

+1

मोडल बॉक्स पृष्ठभूमि पृष्ठभूमि ओवरले भी लाएगा जो पृष्ठभूमि दृश्य के बाहर स्पर्श को रोकता है। मुझे संदेह है कि जब मॉडल बॉक्स को खारिज कर दिया जाता है, तो पृष्ठभूमि ओवरले अभी भी मौजूद है। उसमें एक नज़र डालने का प्रयास करें। – Liam

उत्तर

2

मिस्टर लिआम सच कहता है: मोडल बॉक्स पृष्ठभूमि ओवरले भी लाएगा जो पृष्ठभूमि दृश्य के बाहर स्पर्श को रोकता है। योर इसे डीबग में पकड़ सकता है और बटन क्लिक करते समय इसे बंद करने के लिए अपने स्वयं के जेएस लिख सकता है। जैसा $ ('your_class।')। छिपाने()

भी ध्यान दें कि यह समस्या उत्पन्न हुई हो सकती है जब आप मोडल विंडो खोलने के लिए और पेज छोड़ दें। यदि आप डिवाइस पर 'बैक' पर क्लिक करते हैं, तो आप एक ही समस्या देख सकते हैं

0

मुझे पता है कि यह एक बहुत पुराना विषय है, लेकिन मैंने सोचा कि मैं समाधान को तब भी पोस्ट करूंगा क्योंकि यह अभी भी बूटस्ट्रैप बनाम 3.2.0 के साथ एक समस्या है। यह केवल आईओएस 5.0.0 से 5.1.1 समस्या है।

समस्या मैं बस एक ios5 वर्ग जावास्क्रिप्ट के माध्यम से html करने के लिए (उपयोगकर्ता एजेंट का पता लगाने के द्वारा, हालांकि सबसे अच्छा तरीका है या तो) जोड़ा आईओएस 5.

पर -webkit-overflow-scrolling की गाड़ी कार्यान्वयन के साथ क्या करना है। फिर आप निम्न का उपयोग कर सकते हैं और यह समस्या को ठीक करेगा।

.ios5 .modal { 
    -webkit-overflow-scrolling: auto; 
} 
संबंधित मुद्दे