javascript - 要素のドラッグアンドドロップ

Question

のプラグインを使用しようとしていdraggableます。トリガーしたいdroppablejquery ui

drop event要素ヘルパークローンをdroppable pluginドラッグアンドドロップすることによって。これどうやってするの？

ここで例を見ることができます：Codiqaを参照してください（ドラッグアンドドロップ）

Answer 1

ヘルパーオプションを使用してドラッグ可能な要素を初期化し、ドロップされたときにドラッグ可能な要素のクローンを追加できます。

$(function() {
    $(".draggable").draggable({
        helper: "clone"
    });
    $("#dropzone").droppable({
        drop: function(event, ui) {
            $(this).append($(ui.draggable).clone());
        }
    });
});​

デモ

Answer 2

jQuery UIドキュメント（http://jqueryui.com/demos/）を試してみることを検討する必要があります。これはすばらしいことです。

ドラッグ可能とドロップ可能の両方の例がたくさんあります。

ドキュメントを見ると、ドラッグ可能で停止イベントがあるようです。

停止イベントをinitオプションとして処理するためのコールバック関数を提供します。

$( ".selector" ).draggable({
   stop: function(event, ui) { ... }
});

タイプ：dragstopで停止イベントにバインドします。

$( ".selector" ).bind( "dragstop", function(event, ui) {
  ...
});

これは、必要なイベントをトリガーするのに十分なはずです。