1

以下の点についてご協力いただければ幸いです。ドロップ可能なボックスの外に写真が必要です。ユーザーは画像をボックスにドラッグできる必要があり、画像がボックス内に入ると、ユーザーは引き続き画像をドラッグできる必要がありますが、ボックス内のみです。

ご指摘ありがとうございます。

4

1 に答える 1

2

これは、ドロップ可能なオブジェクトの「drop」コールバックでドラッグ可能なオブジェクトに「containment」オプションを追加することで実行できます。例えば： 

$(function() {
    $( "#draggable" ).draggable();
    $( "#droppable" ).droppable({
        drop: function( event, ui ) {
            $( this )
                .addClass( "ui-state-highlight" )
                .find( "p" )
                .html( "Dropped!" );
            $( "#draggable" ).draggable({containment:"#droppable"});
        }  });
});

上記のオプションでは、アイテムが実際にドロップされると、ドロップ コールバックが起動し、ドラッグ可能なアイテムが「containment」オプションのアイテムに制限されます。

于 2011-01-12T22:16:00.567 に答える