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中的灰色框是＆＃34;垃圾＆＃34;框

Answer 1

我不知道这是否解决了您的问题，但您错过了revert param：

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

试试这个： http://jsfiddle.net/D4xQh/2/

JQuery Sortable，Draggable和Droppable不能一起工作

1 个答案: