将可拖动对象移动到屏幕顶部或 Div？答案

【问题标题】：Move draggable objects to top of the screen or Div?将可拖动对象移动到屏幕顶部或 Div？
【发布时间】：2016-06-02 13:31:21
【问题描述】：

我在 div 中有可拖动的对象。我试图弄清楚如何允许用户单击按钮并将对象移动到屏幕上的确切点（即使他们已将对象拖到新位置）

无论对象从哪里开始，有什么方法可以将对象动画到屏幕顶部？（请参阅工作 JSFiddle）谢谢！

我一直在尝试下面的代码，但我无法让它正常工作。

var json = [

           {'x' : '200' , 'y' : '200'},

            ];


    function initPage() {
        $.each(json, function() {
            $("#point").animate({
                left: this.x,
                top: this.y
            },
            "linear");
        });
    }

https://jsfiddle.net/unppstma/15/

【问题讨论】：

标签： javascript jquery html css jquery-ui

【解决方案1】：

在按钮的 onclick 事件中添加另一个函数，如下所示：

function moveToTop(){
  $('#draggable1, #draggable2').animate({
    "position": "absolute",
    "top" : "0"
  })
}

【讨论】：

我想看到它的实际效果，这里是同一个 jsfiddle 的工作版本：jsfiddle.net/unppstma/18 可能对其他人有用。