Javascript 如何通过右栏调整大小

我正在用左右面板创建一个可调整大小的仪表板，在左面板旁，它工作正常，但在右面板旁我无法做到，如何做到这一点

我正在用左右面板创建一个可调整大小的仪表板，通过左面板，它工作正常，但通过右面板我无法做到，如何做到这一点

这是我的密码

var最小值=300；
var max=3600；
var-mainmin=200；
$（“#项目拆分栏”）.mousedown（函数（e）{
e、 预防默认值（）；
$（文档）.mousemove（函数（e）{
e、 预防默认值（）；
var x=e.pageX-$（“#项目侧栏”）.offset（）.左；
如果（x>min&&xmin&&y

@输入“指南针/css3”；
#projectmain{
背景颜色：白肋木；
左边距：300px；
右边距：300px；
高度：300px；
}
#右栏{
背景颜色：黄色；
宽度：350px；
浮动：对；
高度：300px；
}
#项目侧栏{
背景色：印度红；
宽度：350px；
浮动：左；
高度：300px；
}
#项目分割条{
背景色：黑色；
身高：100%；
浮动：对；
宽度：6px；
光标：col resize；
}
#右分隔条{
背景色：黑色；
身高：100%；
浮动：左；
宽度：6px；
光标：col resize；
}
左边
右栏
主要的
您是否尝试将此块中的
#projectsidebar
更改为
#rightbar

$('#rightsplitbar').mousedown(function (e) {

        e.preventDefault();
        $(document).mousemove(function (e) {
            e.preventDefault();

            var y = e.pageX - $('#rightbar').offset().right;
            if (y > min && y < max && e.pageX < ($(window).width() - mainmin)) {
                $('#projectsidebar').css("width", y);
                $('#projectmain').css("margin-right", y);
            }



        })
    });

$（'#rightsplitbar'）.mousedown（函数（e）{
e、 预防默认值（）；
$（文档）.mousemove（函数（e）{
e、 预防默认值（）；
var y=e.pageX-$（'#rightbar'）.offset（）.right；
如果（y>min&&y

像这样：

$('#rightsplitbar').mousedown(function (e) {

        e.preventDefault();
        $(document).mousemove(function (e) {
            e.preventDefault();

            var y = e.pageX - $('#rightbar').offset().right;
            if (y > min && y < max && e.pageX < ($(window).width() - mainmin)) {
                $('#rightbar').css("width", y);
                $('#projectmain').css("margin-right", y);
            }



        })
    });

$（'#rightsplitbar'）.mousedown（函数（e）{
e、 预防默认值（）；
$（文档）.mousemove（函数（e）{
e、 预防默认值（）；
var y=e.pageX-$（'#rightbar'）.offset（）.right；
如果（y>min&&y
您是否尝试将此块中的
#projectsidebar
更改为
#rightbar

$('#rightsplitbar').mousedown(function (e) {

        e.preventDefault();
        $(document).mousemove(function (e) {
            e.preventDefault();

            var y = e.pageX - $('#rightbar').offset().right;
            if (y > min && y < max && e.pageX < ($(window).width() - mainmin)) {
                $('#projectsidebar').css("width", y);
                $('#projectmain').css("margin-right", y);
            }



        })
    });

$（'#rightsplitbar'）.mousedown（函数（e）{
e、 预防默认值（）；
$（文档）.mousemove（函数（e）{
e、 预防默认值（）；
var y=e.pageX-$（'#rightbar'）.offset（）.right；
如果（y>min&&y

像这样：

$('#rightsplitbar').mousedown(function (e) {

        e.preventDefault();
        $(document).mousemove(function (e) {
            e.preventDefault();

            var y = e.pageX - $('#rightbar').offset().right;
            if (y > min && y < max && e.pageX < ($(window).width() - mainmin)) {
                $('#rightbar').css("width", y);
                $('#projectmain').css("margin-right", y);
            }



        })
    });

$（'#rightsplitbar'）.mousedown（函数（e）{
e、 预防默认值（）；
$（文档）.mousemove（函数（e）{
e、 预防默认值（）；
var y=e.pageX-$（'#rightbar'）.offset（）.right；
如果（y>min&&y
尝试使用下面的代码。问题是jQuery的offset函数没有正确的属性。只有顶部和左侧属性。我简单地恢复了X轴


var最小值=300；
var max=3600；
var-mainmin=200；
$（“#项目拆分栏”）.mousedown（函数（e）{
e、 预防默认值（）；
$（文档）.mousemove（函数（e）{
e、 预防默认值（）；
var x=e.pageX-$（“#项目侧栏”）.offset（）.左；
如果（x>min&&xmin&&y