【问题标题】:jquery resizable: respect width/height of inner/outer elements to not overflowjquery resizable:尊重内部/外部元素的宽度/高度不溢出
【发布时间】:2011-01-16 22:39:28
【问题描述】:

是否可以根据孩子/父母调整元素的大小?我可以轻松地将元素宽度调整为零,因此孩子溢出,这很糟糕(对我来说)。 jquery 有什么行为可以防止这种情况发生吗?

一种解决方案是绑定到 resize() 事件,获取内部元素的位置/大小并检查是否 (child.width + child.left

从调整元素大小到他的父级还有另一种视图,但可能是相同的。如果其中一个溢出父元素,请检查元素兄弟姐妹。

感谢您的建议。

【问题讨论】:

  • 您有任何代码示例可以说明您面临的问题吗?
  • 感谢您的回答。我举个例子jsfiddle.net/3vtur/1
  • 因为蓝色 DIV 具有固定大小(有一些内容,我不能变小),当我将红色(通过 jquery-resizable)调整为 100px 时,其中一个孩子溢出。我想抓住这种情况并阻止调整大小。我一般我知道要计算什么(要求更高),但不知道这是否是好方法,或者 jquery 是否已经为此做好了准备。情况比较复杂,红色元素还有一些兄弟姐妹和父母(更结构化的文档)。

标签: jquery-ui-resizable


【解决方案1】:

minWidth 和 minHeight 选项可能用于子级,maxWidth 和 maxHeight 选项或包含选项 - 用于父级。

【讨论】:

    猜你喜欢
    • 2018-03-13
    • 2014-01-16
    • 2012-08-19
    • 2015-09-21
    • 2019-10-05
    • 1970-01-01
    • 1970-01-01
    • 2012-01-30
    • 2017-05-04
    相关资源
    最近更新 更多