jQuery UI समस्या

Question

के साथ बूटस्ट्रैप मोडल आकार बदलने योग्य तो मेरे पास एक बूटस्ट्रैप मोडल है जिसे मैंने बनाया है और मैं इसे jquery का उपयोग करके आकार बदलने योग्य बनाने की कोशिश कर रहा हूं। मेरे पास क्षैतिज रूप से काम करने का आकार बदल गया है, लेकिन यदि आप लंबवत आकार बदलने की कोशिश करते हैं तो इसकी तरह मोडल के अंदर की सामग्री तत्व के भीतर निहित नहीं है, मैं आकार बदलने का प्रयास कर रहा हूं।

मैंने .resizable() पर 'भी रीसाइज' संपत्ति का उपयोग करने की कोशिश की और मोडल के भीतर सभी divs शामिल किए लेकिन ऐसा लगता है कि अन्य मुद्दों का कारण बनता है। https://jsfiddle.net/p7o2mkg4/

Answer 1

आप वास्तव में सब कुछ सही किया:

$('.modal-content').resizable({ 
    alsoResize: ".modal-header, .modal-body, .modal-footer" 
}); 

यहाँ मेरी उदाहरण है! लेकिन HTML 0 तत्वों का डिफ़ॉल्ट overflow व्यवहार visible है। तो यदि मूल तत्व की सामग्री बहती है, तो वे मोडल से बाहर हो जाते हैं और यह अच्छा नहीं लग रहा है! इसलिए, आपको छोटे आकार पर तोड़ने के लिए सीएसएस overflow संपत्ति scroll या hidden पर सेट करने की आवश्यकता है। जोड़ने का प्रयास करें:

.modal-content.ui-resizable { 
    overflow: scroll; 
} 

यह तत्व के अतिप्रवाह पर स्क्रॉलिंग सुनिश्चित करेगा। JSFiddle को

लिंक:https://jsfiddle.net/p7o2mkg4/1/

Answer 2

यह काम करता है (सीएसएस)

#myModal>div{ 
overflow-y: hidden; 
overflow-x: hidden; 
}