Javascript 木偶应用程序上的jquery ui.draggable和jquery事件问题

我制作了一个小应用程序，允许用户创建矩形，并拖动它们。 实现细节是您看到的绿色工作区是一个木偶集合视图 在绘制长方体时，基本上是实例化新的矩形模型并为它们渲染视图。就HTML而言，矩形是工作区的子节点

这是一个免费的dropbox，因为JSFIDLE一直让我失望

据我所知，为了避免在已经存在的矩形周围移动时创建新矩形，我需要停止mousedown/mousemove/mouseup事件的移动，这是我首先使用的，用于确定用户是否正在拖动，以获取鼠标指针位置，计算矩形属性，并将矩形视图附加到鼠标上

问题是，尽管我停止了mousedown/mousemove/mouseup的播放，但显然mouseup事件不会触发，即使在释放鼠标按钮之后，矩形仍会跟随光标

另外，拖动一个矩形并不像我预期的那样平滑，但是有点小毛病。我怀疑我很可能做了一些可怕的事情，或者我处理事件的方式与jQuery和jQueryUI之间存在冲突。我需要服从，但我不知道怎么做

---

请开导我

最后，我决定编写一个简短的jQuery UI插件，它将处理所有的计算，并允许我更好地控制事件处理。 想了解更多关于我最终做了什么的信息