Jquery ui 牵引式安全壳替代方案

我使用2个div，我可以在同一个容器中拖动它们。 例如，我在divC容器中有左float div1和右float div2。 它们只能左右水平拖动。但是右浮动div2不应该越过div1的左侧

<div id="divC">
    <div id="startpx" style="float:left;"></div>
    <div id="div1" style="float:left"></div>
    <div id="div2" style="float:right;"></div>
    <div id="endpx" style="float:right;"></div>
</div>

我正在使用startpx和endpx作为div，它将显示我正在开发的something-o-meter的px

当我添加另一个div时，它将在div1移动时刷新其位置（在拖动功能中），同时也是div2的容器。 是的，它成功了，但是这个解决方案不适合我，因为主容器在移动div2，而我在移动div1

这个问题还有其他解决方案吗，或者我仍然可以用draggable的包含参数或draggable的任何其他技巧或魔术来解决这个问题。

你能创建一个吗？我在中找到了解决方案，我想做的同样的事情，已经由jqueryui和它所谓的范围滑块完成了。