jquery ui resizable 向左调整大小问题

Posted 2023-05-08

【中文标题】jquery ui resizable 向左调整大小问题

【英文标题】：jquery ui resizable resizing to left issue

【发布时间】：2019-02-22 05:32:01

【问题描述】：

当我调整左侧的 jquery ui resizable 元素的大小时，它意外地改变了它的宽度。

这里是代码笔：[CodePen](https://codepen.io/nitinjs-the-typescripter/pen/KxGOqX)

根据 jquery ui 论坛上的这张票，这个问题被标记为不可修复（6 年前） https://bugs.jqueryui.com/ticket/9017 我想知道是否有任何解决方法？

当我删除 jquery UI css 时，resizable 也停止工作，我如何在没有 jquery ui css 的情况下使用它？

【参考方案1】：

将position: relative; display: block; 添加到您的.tsContainer>.panel，它工作得很好。试试看。

您还可以为.ui-resizable 元素设置height: 100% !important; max-width: 100%，这样它在调整大小时不会改变它的高度。

你也可以加

$time_scroller.draggable(
    cursor: 'move',
    containment: "#pnlScrollbarContainer",
    drag: function(e, ui) 
        if(ui.position.left < 0)
            ui.position.left = 0;
    
);

所以它不会跳出框框

https://codepen.io/anon/pen/yxQBOG