बूटस्ट्रैप सीएसएस में, एक मोडल डायलॉग प्रदर्शित करना संभव है, लेकिन मैं इसे मोडल बनाने में सक्षम होना चाहता हूं ताकि यूआई पीछे जवाब न दे, अंधेरे काले पृष्ठभूमि दिखाया गया है।बूटस्ट्रैप सीएसएस - पृष्ठभूमि को प्रभावित किए बिना एक मोडल डायलॉग मोडल कैसे करें
ऐसा कोई विकल्प नहीं है जो मुझे $ ("# selector")। Modal() फ़ंक्शन पर ऐसा करने की अनुमति देता है।
पृष्ठभूमि से छुटकारा पाने के लिए:
मोडल दीक्षा
$('#XXX').modal({show:true});
के बाद सिर्फ <div class="modal"> को data-backdrop="false" जोड़ने नीचे
$('.modal-backdrop').removeClass("modal-backdrop");
** सही ** दृष्टिकोण के लिए एलेक्स मार्पल द्वारा नीचे दिए गए उत्तर को देखें। – FastTrack
निश्चित रूप से आपको काले पृष्ठभूमि की अस्पष्टता बदलने के लिए सीएसएस को ट्विक करना है। अंतर्निहित तत्वों पर क्लिक अवरुद्ध करने के लिए इसे दृश्यमान नहीं होना चाहिए (जब तक कि कुछ क्लिकजैकिंग सुरक्षा न हो, मुझे पता नहीं है?)। लक्षित करने के लिए वर्ग div.modal-backdrop है।
मैंने अभी इसका परीक्षण किया है और अस्पष्टता सेट करने के बाद: उस तत्व पर 0, यह अभी भी क्लिक को रोकता है। – Synchro
अगर मैं सही हूँ आपको कॉल करके यह करने के लिए सक्षम होना चाहिए:
$("#selector").modal({
backdrop: "static"
});
तो बस पृष्ठभूमि के वर्ग के लिए सीएसएस बदल सकते हैं और आप तैयार हैं।
कोड को गति प्रदान और बूटस्ट्रैप आराम करेंगे।
उदाहरण:
<div class="modal" id="genericModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true" data-backdrop="false">
यह सबसे साफ जवाब है। अनुमोदित किया जाना चाहिए था। –
यह समाधान पृष्ठभूमि को प्रभावित करता है। आप जो देखते हैं वह नहीं, लेकिन आप क्या क्लिक करते हैं। –
कृपया आप jsfiddle.net के रूप में प्रासंगिक कोड पोस्ट कर सकता हम देखते हैं और साथ खेलने के लिए के लिए? यह सचमुच कुछ सेकंड लेगा। –
धन्यवाद, यहां पहेली है: http://jsfiddle.net/NUVrd/1/ – jaffa