調整大小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' 
});