0
我有以下使用jquery,並以某種方式我可以調整它的右下角我看到一個調整圖標。在邊緣上它顯示< - >用於調整大小,但我無法從邊緣調整大小以調整大小?可能會出現什麼問題?調整大小Textarea從邊緣調整大小
<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();
很酷!工作....是否有任何方法來限制可重新分區的最小高度和寬度,這樣人們不能使它小於或大於特定指定大小? – 2011-04-07 13:40:52
您可以添加'maxHeight'和'maxWidth'選項,使代碼看起來像'$(「#dragDiv」)。可調整大小({e,w,s,n,se', maxHeight:200, maxWidth:200 });' – Hussein 2011-04-07 17:57:10