1

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はそのサイズを変更しません。また、textareaBoxの外側のtextareaBoxよりも大きくなると、常にその内側のtextareaが表示されます。

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

問題はどこだ？

4

1 に答える 1

1

「stylesheets/jquery-ui-1.9.0.custom.css」スタイルシートのどこかで「サイズ変更」画像を参照していますか? そうでない場合は、このスタイルシートへの参照を追加してください。

<link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
于 2012-10-22T13:55:11.660 に答える