JavaScript绑定问题？

Question

我有一个面向拖动的UI我正在完成最后的工作。我在父容器之外丢失mousemove事件时遇到了麻烦，并找到了一些代码将mousemove和mouseup函数绑定到文档而不是元素。我试着将它应用到我的代码中，但到目前为止都没有成功。

原始工作代码：

...

参考代码： http://www.foreachbit.com/2010/08/draggable-html-element.html

编辑： 我得到了代码，但现在我有两个mousemove功能。我觉得其中一个人认为是多余的。你会如何清理以下代码？

$(document).ready(function () {
    metroUI.init();
    $('#panorama').mousedown(function (event) {
        $(document).mousemove(function (event) {
            $('#panorama').bind("mousemove", metroUI.moveInfo);
        });
    });
    $(document).mouseup(function (event) {
        $(document).unbind('mousemove');
        $('#panorama').unbind('mousemove');
        metroUI.panelAnimate('#panorama');
        metroUI.resetVars();
        $('body').removeClass('unselectable');
    });
});