Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 动画jQuery UI可拖动元素返回起始位置_Javascript_Jquery_Html_Css_Jquery Ui - Fatal编程技术网

Javascript 动画jQuery UI可拖动元素返回起始位置

Javascript 动画jQuery UI可拖动元素返回起始位置,javascript,jquery,html,css,jquery-ui,Javascript,Jquery,Html,Css,Jquery Ui,我有一个元素,比方说一个div,我希望能够拖放到另一个div中。如果该元素没有被拖到另一个div中,我希望它能够动画化回到它的初始位置。可拖动div相对定位。那么,我的问题是什么是最好的方法?jQueryUI中是否有一种方法可以让它重新设置动画?还是我得写下来?如果我这样做了,我的策略是: 使用$('#draggableElement').css('left')和$('#draggableElement').css('top')获取拖动开始时可拖动div的坐标 拖动完成后,使用jQuery.an

我有一个元素,比方说一个div,我希望能够拖放到另一个div中。如果该元素没有被拖到另一个div中,我希望它能够动画化回到它的初始位置。可拖动div相对定位。那么,我的问题是什么是最好的方法?jQueryUI中是否有一种方法可以让它重新设置动画?还是我得写下来?如果我这样做了,我的策略是:

  • 使用
    $('#draggableElement').css('left')
    $('#draggableElement').css('top')
    获取拖动开始时可拖动div的坐标

  • 拖动完成后,使用jQuery.animate将其放回原位

  • 这个策略正确吗?或者我可以做些更有效率的事情吗?

    看看

    也许是jquery选项->助手的助手


    我想这应该对你有帮助。如果没有,请指定您的问题。

    您需要设置
    还原:“无效”

    例如:

    $( "#draggablediv" ).draggable({helper : "clone", revert: "invalid" });
    
    当您尝试拖动克隆时,
    helper:clone
    会创建一个克隆,当您不将其放置在区域中时,
    revert:“invalid”
    会将克隆返回到其起始位置

    如果您想让可拖动设备返回其位置,请使用
    恢复:“true”


    请参见

    您可以尝试使用webkit处理此类内容,但上面的评论回答了您的问题!谢谢Ryan,我可以发誓上周我检查的时候不在那里!辅助对象是被拖动的对象。这意味着您可以修改鼠标后面的html元素。查看不同的帮助器样式。