Javascript 拖动时调整div宽度无法正常工作

我有一个div id is right，它在一个容器div中，我想增加或减少我的右div。但是现在当我拖动以增加宽度时，它会减少。现在，仅当我从左侧拖动start时，宽度才会增加。我希望它从div的右端开始

var isresising=false，
lastDownX=0；
$（函数（）{
var container=$（“#container”），
左=$（“#左”），
右=$（“#右”），
句柄=$（“#句柄”）；
handle.on（'mousedown'，函数（e）{
IsResising=true；
lastDownX=e.clientX；
});
$（文档）.on（'mousemove'，函数（e）{
//如果不调整大小，我们什么都不想做。
如果（！IsResising）
返回；
var offsetRight=container.width（）-（e.clientX-container.offset（）.left）；
css（'right'，offsetRight）；
右.css（'width'，offsetRight）；
}).on（'mouseup'，函数（e）{
//停止调整大小
IsResising=false；
});
})

正文，html{
宽度：100%；
身高：100%；
保证金：0；
填充：0；
}
#容器{
边缘顶部：25px；
宽度：100%；
/*禁用选择，使其不会变得烦人*/
/*-webkit触摸标注：无；
-webkit用户选择：无；
-khtml用户选择：无；
-moz用户选择：moz无；
-ms用户选择：无；
用户选择：无*/
}
#对{
/*位置：绝对位置*/
右：100px；
排名：0；
底部：0；
宽度：200px；
背景：蓝色；
高度：20px；
}
#处理{
位置：绝对位置；
左：-4px；
排名：0；
底部：0；
宽度：8px；
光标：w-调整大小；
}
这是右边的内容！