Javascript 如何在jqueryui中自动拖动元素

我使用的是jQueryUIDragable。我在drag函数中做了一些工作。例如，我根据拖动元素的位置缩放它。我想将元素自动拖动到某些位置（x，y）（类似于jquery

animate（{left:x，top:y}，1000））但我想在设置动画时触发拖动功能和缩放元素。我该怎么做？

PS：此代码提供按钮切换功能

$(function(){

  $button = $('button')
  $box = $('.box')
  $click = 0

  $button.click(function(){

    if($click !=0){
        $click ++
        $box.removeClass('active')
    }else{
        $click --
        $box.addClass('active')
    }

  });

});

我建议采用另一种方法

使用外部函数执行缩放效果，并从两个事件调用它（拖动并设置动画）：

请参见此示例：
谢谢。但是我想让jQueryUI检测到元素正在拖动，并调用draggable的拖动函数。回答不错！进步就是工作！非常感谢：*
var $myDraggable = $('#draggable').draggable({
    drag: function( event, ui ) {
        scale(ui.offset.left, ui.offset.top); 
    }
});

$('button').on('click', function(){
    $myDraggable.animate(
    { left:100, top:100 }, 
    {
        duration: 1000,
        progress: function(draggable){
           scale(draggable.elem.offsetLeft, draggable.elem.offsetTop);
        }
    });
});

function scale(left, top){
    //your scaling logic here
    console.log("scaling", left, top);
}