jquery - JQueryを使用してドラッグアンドドロップを「シミュレート」する簡単な方法は?

Question

ユーザーが要素をドロップ可能な div にドラッグできる Web ページがあります。JQuery UI Draggable and Droppable を使用しています。ドラッグ可能な要素の 1 つをダブルクリックすると、その要素のドラッグ アンド ドロップを「シミュレート」する機能を追加したいと思います。つまり、要素を画面上でドラッグし、ドロップ可能な div にドロップします。このようにして、ユーザーはドラッグ アンド ドロップするか、単にダブルクリックするかを選択できます。これを簡単に実装する方法はありますか？(あまりにも面倒な場合は、ダブルクリックしてコードを実行し、それが完了したことを知らせるアラートをポップアップ表示するだけです。)

Answer 1

コードを使わずに何かを開発するのは難しいですが、ここにアイデアがあります。

要素の「doubleclick」イベントによって起動される.animate（）関数を使用して、ドラッグ可能な要素をドロップゾーンに移動できます。

.offset（）機能を使用して、ターゲット位置を計算するのは難しいことではありません。

次に、.animate（）コールバックを使用して、ドロップアクションを実行します。

Answer 2

ここで同様の質問を見つけました: jQuery: コードでドラッグ アンド ドロップをシミュレートするにはどうすればよいですか? Patrick McElhaney によって提案されたソリューションを使用して解決しました。

    $(".mainpanel").droppable({
        drop: function (event, ui) {
            onDragAndDrop($(ui.draggable), $(event.target));
        }
    });

    button.dblclick(function () {
        onDragAndDrop($(this), $(".mainpanel"));
    });

    function onDragAndDrop(dragged, droppable) {
        // ...
    }