3

以下の div はドラッグ可能で、JQuery を使用してサイズ変更可能です。サイズ変更された div に基づいて内側のテキストのサイズを自動的に変更したいです。

 <div class="dragDiv" id="dragDiv">   <textarea  style="width:100%;height:100%;background-color:Transparent;font-family:Arial;font-size:11pt;border: 1px;color: white;" id="Text" name="Text"></textarea>
        <br/><input type="submit" value="Mark" onclick="MarkImage()" />
    </div>
4

3 に答える 3

0

JQueryUI のresizableの属性alsoResizeを使用できます。私の場合、次のコードは完全に機能しました。

var box=$('#dragDiv');
box.resizable({alsoResize: box.find('textarea').css('resize', 'none'),
               minHeight: '200',
               minWidth: '400'});

また、ブラウザーに組み込まれている texarea のサイズ変更を無効にして、親 div から出ないようにしました。

于 2013-09-05T14:04:09.127 に答える