调整大小Textarea从边缘调整大小

Question

我有以下使用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(); 

Answer 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' 
});