如何抓住并拖动圆周围的元素？

Question

到目前为止,我有一个带标记的圆圈.

http://jsfiddle.net/x5APH/1/

我想抓住并拖动圆圈周围的标记,但是当您点击它时,当前功能只会轻推标记.

我可以对代码进行哪些更改,以便在按住鼠标时可以将标记拖动到圆圈周围？

注意

如果您可以使用您的解决方案更新小提琴,我将非常感激.

Answer 1

改变了一些代码

        $(document).ready(function(){               

            $('#marker').on('mousedown', function(){
                $('body').on('mousemove', function(event){
                    rotateAnnotationCropper($('#innerCircle').parent(), event.pageX,event.pageY, $('#marker'));    
                });

            });                    
        }); ?

还添加此代码

$('body').on('mouseup', function(event){ $('body').unbind('mousemove')}); 

在功能中

这是jsfiddle http://jsfiddle.net/sandeeprajoria/x5APH/11/