एक संवाद

Question

पर jQuery पुन: प्रयोज्य हेल्पर का उपयोग करके पर jQuery Resizable (जो केवल कंटेनर का आकार बदलता है) से Helper कार्यक्षमता का उपयोग कैसे कर सकता हूं?

Answer 1

This answer बताता है कि आप जो खोज रहे हैं उसे कैसे प्राप्त किया जाए। यहां एक काम कर रहे jsFiddle है।

उत्तर में एक दोष है: यदि आकार घट रहा है तो आकार बदलने के बाद आकार बदलें। यह z-index: 10000 !important; के माध्यम से हल किया जाता है। यहां जुड़े जेएसफ़िल्ड में फिक्स शामिल है।

---

HTML:

<div id="dialog" title="Basic dialog"> 
    <p>This is the default dialog which is useful for displaying information. The dialog window can be moved, resized and closed with the 'x' icon.</p> 
</div> 

सीएसएस:

.ui-resizable-helper { 
    border: 2px dotted #00F; 
    z-index: 10000 !important; 
} 

जावास्क्रिप्ट:

$("#dialog").dialog().dialog('widget').resizable('destroy').resizable({ 
    helper: "ui-resizable-helper" 
}); 

Answer 2

इस के अनुसार - http://forum.jquery.com/topic/specify-drag-and-resize-option-for-dialogs यह कार्य करके संभव हो जाना चाहिए:

dlg.dialog('widget').resizable('option','helper','ui-resizable-helper') 

लेकिन दुर्भाग्य से jQueryUI (http://bugs.jqueryui.com/ticket/6723) में एक बग है कि काम करने से ब्लॉक इस।

एक संभावित समाधान dialog के बजाय jQueryUI resizable का उपयोग करना होगा। इस पर निर्भर करता है कि आप dialog की कार्यक्षमता पर कितना भारी भरोसा करते हैं।