Javascript Jquery拖放-轻松

如何为jquery拖放添加平滑或动画

这是我的密码：

<!-- Drag and Drop -->  
     $("#sortable-left, #sortable-right").sortable({
         connectWith: ".connectedSortable",
         receive: function(e,ui){
         }
     });

     $("#sortable-right").on("click", "li a", function (){       
         $(this).closest('li').remove();        
     });

    $("#sortable-right").on("click", ".drop-close", function(){
        $("ul#sortable-left").append('<li class="ui-state-default ui-sortable-handle"> <strong>'+$(this).parents("li").find("strong").text()+'</strong><div class="ui-plus-desc"> <a class="drop-close" data-toggle="tooltip" data-original-title="Remove">                                                        <i class="fa fa-times"></i></a><span>at 11:47, 21 June 2014</span><span>by Mark Antany</span></div></li>');
    });
    <!-- Drag and Drop -->

$（“#可排序左，#可排序右”）。可排序({
connectWith:“.connectedSortable”，
接收：功能（e、ui）{
}
});
$（“#可排序右”）。在（“单击”，“LIA”，函数（）{
$（this）.最近（'li'）.remove（）；
});
$（“#可排序右”）。在（“单击”，“下拉关闭”，函数（）上）{
$（“ul#sortable left”）.append（“
”+$（this）.parents（“li”）.find（“strong”）.text（）+”于2014年6月21日11:47由Mark Antany编写；
});

我不确定，但下面的方法可能有效

---

单击要放置的项目时，使其位置：固定，然后将其位置偏移更改为鼠标指针位置

您不能/不应该平滑拖动操作。你的意思是应该设置拖放操作的动画吗？是的。只有这样。。。这可能是上面提到的我的代码吗？这可能是你要找的不。我的拖放工作正常。我只需要为拖动设置动画即可。这可能吗？我说的是动画本身
从您的问题中我了解到，当您进行拖放时，您希望拖动的项目能够顺利地跟随鼠标？如果是这种情况，我上面所说的会起作用吗？
更改位置：固定不会使其绑定到公共流，更改其偏移量到鼠标指针位置将使可拖动项移动到鼠标指针所在的位置。放置时，当您更改项目位置并将其插入放置容器时，它看起来应该很好