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 に答える