Javascript Jquery Resizeable不起作用

我正在尝试使用jQueryUI调整大小

<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>

在这里，我创建了可调整大小的：

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有关

谢谢

---

好未来

我想你这里有一个造型问题。您有一个具有固定高度和宽度的容器DIV。你在里面放了一个相当大的DIV。所以我认为container DIV阻塞了调整大小的过程

---

首先试着去掉那个DIV，看看它是否是问题所在。

目标ID采用父ID的宽度和高度，但溢出隐藏，因此它的大小不能超出父ID的尺寸。

好吧，找出问题所在，但我不知道为什么会发生

好的，我已经创建了一个名为body:onresize事件的函数，它可以从头开始绘制所有内容。 这是因为我有一个完整的网页和身体的每一个调整大小，我希望它被重新呈现

但是很明显，每次jquery调整div的大小时都会触发这个事件，所以看起来好像什么都没有发生

现在，当我开始调整jquery的大小时，我将设置一个全局标志“resize”，并命令重新渲染函数在该标志打开时返回

---

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

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

$(selector, context).resizable({option1: value1, option2: value2..... });

---

您是如何实现jQuery的？您正在实现UI组件吗？不，我正在使用jquery源代码。我不确定我是否理解。目标div应该正在扩展（调整大小），其父级为overflow:visible。所以这应该没问题，否则我错了？我确实试着从其他随机div中创建可调整大小的div，它确实起作用了。我正在寻找一种方法，使一个可调整大小的溢出它的父母。我曾经有一个工作版本，看起来差不多（结构方面）。我对结构做了一些改变，它停止了工作。但我在结构树中所做的更改要高得多。我相信这和宽度和高度的css样式有关。如果你能仔细看一下代码，找出错误所在，我将不胜感激。这是正常的事件传播。您只需要停止在resizeable中的传播，或者找到一种不同的方法来重新绘制所有内容（也许您不需要这样做？@tal，使用windows.resize（）而不是body.onResize可能更容易，也可能更好。但是，在调整大小句柄上，需要将element.resizeable（）放在（'resize'，function（event）{event.stopPropagation（）；//防止此事件触发$（window）.resize侦听器。