0

Draggable 停止イベントが実行されているときにドロップ可能なコントロールを見つける必要があり、ID を取得しました。これは可能ですか？つまり、基本的に私の考えは次のとおりです。「out」関数が実行されているときは、dropId を保存します。次に、アイテムが元に戻される場合、元に戻された Draggable のみを受け入れるように古い Droppable を設定する必要があります。

これは私のコードの一部です:

        var dropId;
        $('.droppable').droppable
        ({
            hoverClass: "ui-state-active",
            drop: itemDrop,
            out: function (event, ui) {
                $(this).droppable('option', 'accept', '.draggable');
                ui.draggable.zIndex = 6000
                dropId = $(this).attr("id");
            },

        $('.draggable').draggable
        ({
            revert: 'invalid',
            cursor: 'move',
            zIndex: 5000,
            stop: function (event, ui) {
                var draggableId = $(this).attr("id");
                if (event.reverted) { 
                   // dropID.droppable('option', 'accept', draggableId), something lite this
                }
            }

        });

私の itemDrop 関数は基本的にデータベースを更新し、これを設定します: $(this).droppable('option', 'accept', ui.draggable);

これは、アイテムが元に戻されるときに私が求めているものです。

私はやや明確であることを願っています！そうでない場合は、お知らせください。

ありがとう！

4

1 に答える 1

1

コードに小さな変更を加える必要があります。これを確認してください

  $("#" + dropId).droppable('option', 'accept', "#" + draggableId);
于 2012-11-19T14:48:25.970 に答える