0

我想创建一个照片管理器,您可以在其中重新排序图像并将它们放入垃圾箱以删除它们。我的问题是,当您开始拖动图像时,它不再位于光标下方,向左大约 500 像素。我当前的代码 - 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 中的灰色框是“垃圾”框

4

1 回答 1

0

我不知道这是否能解决您的问题,但您缺少revert参数:

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

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

于 2013-09-10T18:57:27.207 回答