Question

我尝试做的是，当我的textarea调整大小时，包含的div也会调整大小。 Myproblem不是关于设置包含div的大小，而是关于textarea的resize事件的捕获和增强（？）。

我仍然是这方面的初学者，我读了我能找到的一切。但是，我尝试过的大多数事情都扼杀了我的布局而没有做任何事情。

所以，我需要的是推动正确的方向。

我使用的是Jquery 1.6和Jquery UI 1.8.11。

这是代码：

<div class="ui-layout-north" style="border-bottom-style: dotted;
border-bottom-color: silver;">
           <form id="add_ticket" method="post" action="">
           <div id="tdescr" class="overlabel-wrapper">
                   <label class="overlabel overlabel-apply" for="descr" style="text-indent: 0px; cursor: text;">Enter the description</label>
                   <textarea id="text" class="required" tabindex="1" maxlength="1024" name="text" style="width:99%;"></textarea>
           </div>
           <div class="buttons">
                   <input type="button" name="Test_neo4j" value="Test Neo4j REST API" onclick="get_root()">
           </div>
        </form>           
</div>

这是js：

$( "#text" ).resizable({ alsoResize: '.ui-layout-north' });

在jsFiddle中它似乎正常工作。但在我的页面上它崩溃了布局。 textarea边框和调整大小句柄不再可见，按钮在textarea上......

仅在添加js代码时才会发生Layoutcrash。

有什么建议吗？

和Thorsten

jquery textarea调整大小调整父div

0 个答案: