javascript - Jquery 调整大小不起作用

Question

我正在尝试使用 jquery-ui 可调整大小。

这里我正在创建可调整大小的:

jQuery("#id404").resizable();

这是我创建可调整大小后的 div。

<div style="right: 7px; top: 120px; left:0%; bottom:340px; position:absolute; overflow:visible; z-index:2; cursor:pointer;">
   <div 
      id="id404" 
      name="resizable_div" 
      class="ui-resizable" 
      style="position:relative; width:100%; height:100%; overflow:hidden;">
   <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-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 1001; "></div>
</div>
</div>

现在，这不起作用。

尽管当我尝试调整 div 框的大小时，div 的大小会调整(出现 handle 、图标发生变化等)，但无论我在做什么，它都会保持相同的大小。 调整大小过程确实发生，因为在调试此过程时，确实触发了 onStop 和 onStart 回调。

谁能告诉我我做错了什么？

我认为这与绝对 div 有关。

谢谢

塔尔

Answer 1

我认为您这里存在样式问题。您有一个具有固定高度和宽度的容器 DIV。您正在将可调整大小的 DIV 放入其中。所以我认为容器 DIV 阻止了调整大小过程。

首先尝试删除该 DIV 以检查是否不是问题所在。