Question

当我在左侧调整jQuery ui可调整大小元素的大小时，它意外地更改了宽度。

这是codepen：function LaunchAvaya { $avayaDir = "${env:ProgramFiles(x86)}\Avaya\Avaya one-X Agent" $avayaAgent = "${avayaDir}\OneXAgentUI.exe" if (Test-Path $avayaAgent) { Start-Process -FilePath $avayaAgent -WorkingDirectory $avayaDir | Out-Null return $? } } if (LaunchAvaya) { 'Avaya Agent started.' } else { 'Avaya Agent missing or not started.' }

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

当我删除jquery UI css时，可调整大小的功能也停止工作，如何在没有jquery ui css的情况下使用它？

Answer 1

将position: relative; display: block;添加到您的.tsContainer>.panel中，一切正常。试试看。

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

您还可以添加

$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

jQuery UI调整大小到左问题

1 个答案: