Jquery ui jquery ui在不按住鼠标按钮的情况下拖动元素(跟随光标)

Jquery ui jquery ui在不按住鼠标按钮的情况下拖动元素(跟随光标),jquery-ui,mouse,jquery-ui-draggable,Jquery Ui,Mouse,Jquery Ui Draggable,我试图在不按住鼠标按钮的情况下拖动元素 我想要的行为是: 我点击一个可拖动的项目 在不按住鼠标左键的情况下拖动我的项目:只需将鼠标作为光标跟随即可 我点击一个可放下的容器来确认并附加我的项目 如果在启动事件期间添加警报框,则可以模拟此行为 start : function(){ alert('test') }, 这是小提琴: 如何在没有警报框的情况下对该行为进行编码?以下是一个很好的解决方案: 关于这个问题,这里有一个很好的解决方案: var click

我试图在不按住鼠标按钮的情况下拖动元素

我想要的行为是:

  • 我点击一个可拖动的项目
  • 在不按住鼠标左键的情况下拖动我的项目:只需将鼠标作为光标跟随即可
  • 我点击一个可放下的容器来确认并附加我的项目
  • 如果在启动事件期间添加
    警报
    框,则可以模拟此行为

        start : function(){
            alert('test')
        },
    
    这是小提琴:


    如何在没有警报框的情况下对该行为进行编码?

    以下是一个很好的解决方案:


    关于这个问题,这里有一个很好的解决方案:

    var click = false;
    
    $(document).bind('mousemove', function (e) {
        if (click == true) {
            $('#your_div_id').css({
                left: e.pageX,
                top: e.pageY
            });
        }
    });
    
    $('#your_div_id').click(function() {
        click = !click;
        return false;
    });
    
    $('html').click(function() {
        click = false;
    });