1

我正在尝试使用可调整大小的 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 变得可调整大小（手柄出现，图标更改等），但无论我在做什么，它都保持相同的大小。确实会发生调整大小的过程，因为在调试此过程时，确实触发了 onStop 和 onStart 回调。

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

我认为这与绝对 div 有关。

谢谢，

塔尔

4

4 回答 4

0

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

首先尝试摆脱该 DIV 以检查它是否不是问题。

于 2011-01-19T00:47:38.813 回答
0

好吧，找出了问题所在，但我不知道为什么会这样。

好吧，我已经为 body:onresize 事件附加了一个从头开始绘制所有内容的函数。这是因为我有一个整页的网页，并且每次调整正文的大小我都希望重新渲染它。

但显然每次 jquery 调整 div 大小时都会触发此事件，因此似乎什么也没发生。

现在，当我开始 jquery 调整大小时，我设置了一个全局标志“resize”，并且如果这个标志上升，则命令重新渲染函数返回。

但我不知道为什么在调整内部 div 的大小时会触发 body 的事件。

于 2011-01-19T15:45:42.160 回答
0

目标 ID 采用父级的宽度和高度，但隐藏了溢出，因此无法调整其大小超出父级的尺寸。

于 2011-01-19T00:49:51.150 回答
0

尝试使父 div 可调整大小并使用以下语法：

$(selector, context).resizable({option1: value1, option2: value2..... });
于 2016-04-25T09:10:49.430 回答