【问题标题】:Use jQueryUI .resizable to reverse-resize two or more elements使用 jQueryUI .resizable 反向调整两个或多个元素的大小
【发布时间】:2013-06-14 02:51:15
【问题描述】:

我想让 2 个或更多跨越等量窗口的元素可调整大小。当调整一个元素的大小时,下一个相邻元素必须调整其宽度以占用窗口中的可用空间。基本上,不应该有任何可用空间,所有 div 的总和必须是窗口宽度的 100%。

我已经按照这里的答案:jQuery UI Resizable alsoResize reverse

我在这里有一个更新的 JSfiddle,它使用当前版本的 jQueryUI。它一直有效,直到您设置其中一个 div 的 position:absoluteleft 位置(尝试取消注释 CSS 中的两条注释掉的行): http://jsfiddle.net/WpgzZ/678/

知道如何在设置上述 CSS 属性后正确调整 div 的大小吗?

【问题讨论】:

  • 好吧,如果 left 设置为 220px 并且您将最左边的 div 减少到小于该值,那么它们之间会有一些空间
  • 好吧,即使使用position:relative,您也可以设置div.myframe left:5px 并且它可以工作。当您设置position:absolute 时,它的行为不正确。 jsfiddle.net/WpgzZ/679
  • position: absolute 元素不会一起流动...你为什么需要它是position: absolute
  • 我使用position:absolutetop:0 bottom:0 left:0 来创建一个100% 的高度<div>
  • 解决方案在这里:stackoverflow.com/questions/3369045/…

标签: jquery html css jquery-ui


【解决方案1】:

我在这里找到了一个解决方案,它涉及向 jQueryUI 插件本身添加一个 alsoResizeReverse 方法:jQuery UI Resizable alsoResize reverse

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多