誰もが知っていますか、私はドロップ可能なアイテムにスナップすることになっているドラッグ可能なアイテムを持っています。私はそれを機能させていますが、私が理解できないように見えるのは、ドラッグ可能なオブジェクトをドロップ可能なオブジェクトにドロップした後、左側から少し外れるように整列させたいということです。下の画像のように。
jQuerysのドラッグ可能/ドロップ可能オブジェクトでこれを行う方法を知っている人はいますか?
アップデート
これが、オブジェクトがドロップされたときの関数です。
function handleCardDrop( event, ui ) {
var slotNumber = $(this).data( 'number' );
var cardNumber = ui.draggable.data( 'number' );
// If the card was dropped to the correct slot,
// change the card colour, position it directly
// on top of the slot, and prevent it being dragged
// again
//alert("Slot number: "+slotNumber+"\n Card Number: "+cardNumber);
//alert(cardNumber+":"+slotNumber);
if(cardNumber==slotNumber)
{
correctCards++;
}
ui.draggable.addClass( 'correct' );
ui.draggable.draggable( 'disable' );
ui.draggable.addClass( 'correct' );
ui.draggable.draggable( 'disable' );
$(this).droppable( 'disable' );
ui.draggable.css({'cursor':'default'});
ui.draggable.position( { of: $(this), my: 'left top', at: 'left top' } );
ui.draggable.draggable( 'option', 'revert', false );
}