仅当它完全在 Droppable 内时才限制 Draggable 被丢弃？

Question

看看这个演示，让我知道如何强制 jQuery UI 仅当可拖动对象完全位于可放置对象内时才将可拖动对象放置在可放置对象内？

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

Answer 1

使用公差选项进行拟合。 将脚本更改为

$( "#droppable" ).droppable({tolerance: "fit", drop: function( event, ui ) {
    $( this ).find( "p" ).html( "Dropped!" );
    }