javascript - JqueryUi resizable issue, alsoResize expands beyond containment!

标签 javascript jquery jquery-ui jquery-ui-resizable

我有这样的DIV结构

<div id="container">
   <div="outer">
      <div id="inner">
      </div>
   </div>
</div>

我使用这个 jqueryUi 制作了“外部”div resizable()

$("#outer").resizable({ containment: 'parent', alsoResize: "#inner"  });

至此一切正常!

///////////////问题////////////////

当我调整外部的大小时,它会随之调整内部的大小,但当它到达“容器”div 时,它会停止,这没关系,但内部会随着鼠标移动继续调整大小并超过“容器”和“外部”DIV! !!!

我可以让“内部”在达到“容器”div 限制时也与“外部”一起停止吗????

在此先感谢您,我知道您可以提供帮助:)

最佳答案

您确定需要使用 alsoResize 吗?您不应该使用正确的标记和 CSS 来解决这个问题吗?

关于javascript - JqueryUi resizable issue, alsoResize expands beyond containment!,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5412885/

相关文章:

javascript - jQuery .prepend 反转了数组?

Jquery 关注者未触发

javascript - HTML Canvas 不会画线

javascript - 如何在EaselJS中实现Keyup事件

javascript - 如何使用 JavaScript 从 Web 服务返回的二进制字符串构建 PDF 文件

javascript - jQuery UI - 拖放排序和恢复

jQuery UI(可排序)- 对多个框中的一个禁用排序/拖放功能

javascript - 将按钮添加到动态生成的 HTML 表格中

javascript - 我想检查仅允许空格、A-Z、a-z、0-9 的文本字段上的按键或按键事件上的特殊字符的验证

javascript - 如何在按 Enter 时重新加载输入标签所在的特定 div