jQuery Sortable，Draggable和Droppable不能一起使用

Question

我想創建一個照片管理器，您可以在其中重新排列圖像並將其放入垃圾箱中以將其刪除。 我的問題是，當您開始拖動圖像時，它不再位於光標下方，向左約500px。 我當前的代碼-http://jsfiddle.net/D4xQh/ 。

$("#currentImages").sortable();
$(".imgThumb", "#currentImages").draggable({
    connectToSortable: "#currentImages",
    helper: "original",
    revert: "invalid"
});
$("#trash").droppable({
  drop: function( event, ui ) {
    var $item=( ui.draggable );
    $item.fadeOut();
  }
});

我嘗試刪除可拖動的部分，但這會導致將圖像發送到垃圾箱以還原到其原始位置，然后淡出。 這使它看起來非常不舒服，而且看起來也不專業。 沒有拖動選項就可以了-http: //jsfiddle.net/D4xQh/1/

JSFiddle中的灰色框是“垃圾箱”框

Answer 1

我不知道這是否可以解決您的問題，但是您缺少revert參數：

$("#currentImages").sortable({
    revert: true
});

試試這個： http : //jsfiddle.net/D4xQh/2/