Jquery 可调整大小的文本区域

我在CSS文件中对textareaBox和textarea有这样的定义：

.textareaBox {
   border: 1px solid #e5e5e5;
   width: 371px;
   height: 73px;
   float: right;
   padding: 5px 10px;
}
.textareaBox textarea {
   width: 370px;
   height: 67px;
   line-height: 18px;
   outline: none;
   border: none;
   font-size: 12px;
   color: #888888;
   font-family: "Segoe UI Light", segoeuil;

}

在ASPX页面上，我已放置

<asp:Content ID=....>
<link type="text/css" href="~/stylesheets/jquery-ui-1.9.0.custom.css" rel="Stylesheet"/>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.9.0.custom.min.js"></script>
<script type="text/javascript" src="~/Scripts/jquery-ui-1.9.0.custom.js"></script>
<script type="text/javascript">
    $(function () {
        $(".textareaBox").resizable();
    });
</script>

$（函数（）{
$（“.textareaBox”）.Resizeable（）；
});

但是textareaBox不会改变它的大小。当它比textareaBox外部的textareaBox大时，它内部的textarea总是会变大

<div class="textareaBox">
 <textarea ... rows="10" cols="10" class="textarea jq_black"></textarea>
</div>

问题出在哪里？

您是否在“样式表/jquery-ui-1.9.0.custom.css”样式表的某处引用了“调整大小”图像？如果没有，请添加对此样式表的引用

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />

您是否在“样式表/jquery-ui-1.9.0.custom.css”样式表的某个地方引用了“调整大小”图像？如果没有，请添加对此样式表的引用

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />

是否在加载完成之前调用$（“.textareaBox”）.resizable（）；这一切都不起作用。在加载完成之前是否调用$（“.textareaBox”）.resizable（）？是否将$（“.textareaBox”）.resizable（）放在ascx文件的div上方？是的。（实际上是aspx文件）将其移到div之后或将代码替换为$（document）.ready（函数（）{$（“.textareaBox”）.resizable（）；}）；这一切都不起作用如果不看所有的东西很难说出来。。。尝试设置。文本区域框文本区域到边距：0；填充：0；看不到所有东西就很难说。。。尝试设置。文本区域框文本区域到边距：0；填充：0；