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

时间:2011-04-06 18:46:27

标签: jquery resizable jquery-ui-resizable jquery-resizable

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

1 个答案:

答案 0 :(得分: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'
});