Javascript JQuery/JQueryUI水平分隔器

最近，对于我正在开发的一个网站，我想创建一个水平分隔符，能够使用jquery调整页面上两个元素的大小

基本上：

内容

\uuuuuuu除法器\uuuuuuuuuu

内容

当：拖动分隔符时，它应将其任一侧的“内容”元素调整为用户所需的大小

这是我到目前为止所拥有的

<div id="WorkRequests"></div>
<div id="Divider" style="height:10px; padding:5px; cursor:n-resize;"><hr /></div>
<div id="WorkRequest_Ajax"></div>

还有剧本：

var totalHeight = $("#Divider").parent().height();
    function ResizePage(divPosition) {
        var validDrag = true;

        // Math
        var minPercent = totalHeight * 0.25;
        var minBuffer = totalHeight * 0.05;
        var topHeight = divPosition.top - $("#content").position().top;
        var bottomHeight = (totalHeight - divPosition.top);

        // Check Drag
        if (topHeight < minPercent) {
            validDrag = false;
            $("#WorkRequests").height(minPercent + minBuffer);
        }

        if (bottomHeight < minPercent) {
            validDrag = false;
            $("#WorkRequest_Ajax").height(minPercent + minBuffer);
        }

        // Set Heights
        if (validDrag) {
            $("#WorkRequests").height(topHeight);
            $("#WorkRequest_Ajax").height(bottomHeight);
        }

        return validDrag;
    }

    $("#Divider").draggable({ axis: "y", drag: function (event, ui) { return ResizePage($(this).position()); } });

var totalHeight=$（“#分隔符”）.parent（）.height（）；
函数大小页面（divPosition）{
var validDrag=真；
//数学
var minPercent=总高度*0.25；
var minBuffer=总高度*0.05；
var topHeight=divPosition.top-$（“#内容”）.position（）.top；
var bottomHeight=（totalHeight-divPosition.top）；
//检查阻力
如果（顶高<最小百分比）{
validDrag=假；
$（“#工作请求”）。高度（最小百分比+最小缓冲区）；
}
如果（底部高度<最小百分比）{
validDrag=假；
$（“#工作请求_Ajax”）.高度（最小百分比+最小缓冲区）；
}
//登高
if（validrag）{
$（“#工作请求”）。高度（最高高度）；
$（“#工作请求_Ajax”）。高度（底部高度）；
}
返回有效地址；
}
$（“#分隔符”）.draggable（{axis:y”，drag:function（event，ui）{return ResizePage（$（this.position（））；}}）；

然而，当我拖动分隔符时，它只是在两端跳跃并锁定，我尝试了许多不同的计算等，但我恐怕只是不理解调整两个元素大小的因素

那么，有谁知道一个jquery插件可以帮我做到这一点，或者我如何修复我的尝试

谢谢，

---

Alex。

您应该只使用jquery可调整大小的交互：

---

限制拖动区域很容易，因此您只能水平调整大小（但我认为您实际上需要的是一个垂直调整大小的区域）

您还可以签出。这是一个。

是的，我只想垂直调整大小。我会查看链接并给你回复，谢谢。你已经说过要用什么了。请说明如何使用它。希望您修复了您的尝试，以我的经验，jquery UI相当沉重