मेरे पास jQuery का उपयोग कर निम्नलिखित है और किसी भी तरह से मैं इसे दाहिने निचले कोने का आकार बदल सकता हूं जहां मुझे एक आकार बदलने वाला आइकन दिखाई देता है। साइड किनारों पर यह आकार बदलने के लिए <--> दिखाता है लेकिन मैं इसे किनारे से आकार बदलने के लिए नहीं खींच सकता? क्या गलत हो सकता है?

<div class="dragDiv" id="dragDiv">

    <div id="header" class="ui-widget-header handler"><img src="Styles/move_icon.jpg" align="top">
    <div class="ui-resizable-handle ui-resizable-e"></div>
    <div class="ui-resizable-handle ui-resizable-s"></div>
    <div class="ui-resizable-handle ui-resizable-w"></div>

<div style="width: 100%;height: 100%;">
    <textarea  style="width:100%;height:100%;background-color:Transparent;font-family:Arial;font-size:11pt;border: 1px;color: white;" id="Text" name="Text"></textarea>
    <input type="submit" value="Mark" onclick="MarkImage()" style="height: 20px;" />
</div>
   <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
   <script src="Scripts/jquery.ui.core.js" type="text/javascript"></script>
   <script src="Scripts/jquery.ui.resizable.js" type="text/javascript"></script>
   <script src="Scripts/jquery.ui.draggable.js" type="text/javascript"></script>


$("#dragDiv").resizable();
0
Pit Digger 6 अप्रैल 2011, 22:46

1 उत्तर

सबसे बढ़िया उत्तर

इससे छुटकारा पाएं

<div class="ui-resizable-handle ui-resizable-e"></div>
<div class="ui-resizable-handle ui-resizable-s"></div>
<div class="ui-resizable-handle ui-resizable-w"></div>

और इसके बजाय ऐसा करें।

$("#dragDiv").resizable({
 handles: 'e,w,s,n,se'
});
1
Hussein 6 अप्रैल 2011, 23:10
ठंडा ! काम किया .... क्या पुन: आकार देने योग्य div पर न्यूनतम ऊंचाई और चौड़ाई को सीमित करने का कोई तरीका है ताकि लोग इसे किसी विशेष निर्दिष्ट आकार से छोटा या बड़ा न बना सकें?
 – 
Pit Digger
7 अप्रैल 2011, 17:40
आप maxHeight और maxWidth विकल्प जोड़ सकते हैं ताकि कोड $("#dragDiv").resizable({ handles: 'e,w,s,n,se', maxHeight:200, maxWidth:200 }); जैसा दिखे
 – 
Hussein
7 अप्रैल 2011, 21:57