2014-07-21 35 views
0

如何爲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 --> 
+0

您不能/不應平滑拖動操作。你的意思是放映操作應該是動畫? –

+0

是的。像那隻... 這是可能的上面提到我的代碼? –

+0

這可能是你要找的東西http://stackoverflow.com/questions/6398854/jquery-draggable-with-ease – AndrewPolland

回答

0

我不知道,但下面可能工作
當您單擊該項目被丟棄使自己的立場:固定,然後ondrag當改變其位置偏移到鼠標指針位置

+0

沒有。我的拖放工作正常。我需要動畫才能拖動。這是可行的嗎? –

+0

我正在談論動畫本身。
從你的問題我明白當你拖放你想拖動項目順利跟隨鼠標?如果是這種情況,我上面告訴的工作是什麼?
更改位置:固定不會將其綁定到公共流,並將其偏移量更改爲鼠標指針位置將使可拖動項移動到鼠標指針所在的位置。當你改變物品位置並將其插入放置容器時,它應該看起來很好 – wallop